Home › Forums › Gravida Support › Slider gets covered up by header and header logo seems elongated on mobile site
- This topic has 5 replies, 2 voices, and was last updated 7 years, 6 months ago by Sonnal S Sinha.
-
AuthorPosts
-
October 5, 2016 at 2:09 pm #48605
Hi there.
I am using the Gravida Pro theme on my site – https://i-smartsignaller.com/home/
On desktop, it looks fine.
However, on mobile, the slider gets covered up by my header. I’m not sure if it’s a theme issue or a WordPress setting issue.
Secondly, the header logo appears elongated on my mobile site too. And that makes the header look elongated, I guess.
I would appreciate some help on how to troubleshoot this.
Thank you.
Regards,
KazOctober 6, 2016 at 9:21 am #48705Hi Kaz,
I have check on mobile and it looks perfect. Can you send us the screenshot?
Post your screenshot on imgur.com and paste the share URL here.
Regards,
DaveOctober 7, 2016 at 12:56 pm #48840Hi Dave,
Here’s the screenshot of my homepg on the mobile browser – http://imgur.com/a/aR2Hq
The header banner’s height is almost the same height as the slider section. On the desktop, the header is narrower in height and the slider image section is longer. They don’t appear proportionately in that way on the mobile screen.
Hop you can advise on how to get the mobile header banner and slider layout proportions to be similar to as what’s seen on the desktop.
Best rgds,
KazOctober 7, 2016 at 1:18 pm #48847Hi Kaz,
Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box
Add this code there:
@media screen and (max-width:780px){
.head_inner{ padding:0 !important;}
.logo{margin:0 !important;}
.logo img{height:50px !important; width:59px !important;}
}Regards,
DaveOctober 7, 2016 at 3:52 pm #48857Thank you, Dave. It works well.
Best regards,
SherylOctober 10, 2016 at 5:12 am #48954🙂
-
AuthorPosts
- The topic ‘Slider gets covered up by header and header logo seems elongated on mobile site’ is closed to new replies.