BlueOwlCreative » Topic: Header on Mobile

Header on Mobile

sliceofheavenwi — Wed, 30 Mar 2016 20:23:29 +0000

There is a problem with my header on the mobile site. The header goes small and leaves a gap between it and the first content on the homepage. Please advise as to how to fix it.
http://www.sliceofheavenwi.com

Thanks for your help.

Reply To: Header on Mobile

BlueOwl — Thu, 31 Mar 2016 11:41:28 +0000

Hi there,

The reason is this custom CSS you have added to your Theme options i suppose:

#logo .logo_img {
    height: 220px!important;
}

If you need it, make sure you apply it only to desktop screens like so:

@media only screen and (min-width: 769px){
#logo .logo_img {
    height: 220px!important;
}
}

Reply To: Header on Mobile

sliceofheavenwi — Thu, 31 Mar 2016 15:29:22 +0000

Thanks for the suggestion. I have replaced the custom css, but the problem is still appearing. Is there another solution?

Reply To: Header on Mobile

goldstorm — Thu, 31 Mar 2016 20:29:41 +0000

Hi guys,
1) is it possible to make the header on mobile sticky with shadow?
2) can you recommand a text editor plugin for fortuna.
thanks for your help.
Best regards

Reply To: Header on Mobile

sliceofheavenwi — Sat, 02 Apr 2016 16:40:31 +0000

Hello, Checking back in on my follow up:
Thanks for the suggestion. I have replaced the custom css, but the problem is still appearing. Is there another solution?

Reply To: Header on Mobile

BlueOwl — Mon, 04 Apr 2016 09:05:49 +0000

Hi again, small update:

@media only screen and (min-width: 769px){
#logo {
    float: left!important;
}
#logo .logo_img {
    height: 220px!important;
}
}