Header looks great on desktop but...

TwinRiversNet · July 2020

Header looks great on desktop but huge in mobile and I can't shrink it down.

nailsbynadine.net

TIA

Bryan · July 2020

Hello,

I went to your page and the header on mobile looks fine. Could you specify what exactly is wrong?

thanks

TwinRiversNet · July 2020

It's showing a 350 pixel header/subheader of blank space... I just wanted a minimal header like the desktop version.

Bryan · July 2020

Hey,

sorry but this is what I see: https://prnt.sc/td8jq4

No blank space. How and where are you checking mobile.

thanks

TwinRiversNet · July 2020

the front page (home) is fine

but any other pages look like this:

if I click to minimize the header... it removes the header on the desktop and then the the desktop version has the logo/menu/topbar all running together.

Bryan · July 2020

Please go to theme options>header&subheader>header and change the minimalist option. This will reduce the header space.

thanks

TwinRiversNet · July 2020

No... when I do that, i lose my header space on the desktop version... that is what I was saying... It removes the header ont eh desktop and then it's messed up... so either I have a nice looking mobile or a nice looking desktop version.. but not both

TwinRiversNet · July 2020

and again... it's not the homepage that is the problem... it's all the other pages

Bryan · July 2020

Ok, I get you. You would have to re-do everything to make it look good in both cases.

You have to always remember when using a transparent header that the content goes under it.

Try this custom CSS instead

@media only screen and (max-width: 767px) {
body:not(.template-slider):not(.header-simple) #Header {
    min-height: unset !important;
   
}}

TwinRiversNet · July 2020

OMG you're a saint! Thank you! Now I know why I love your theme so much!!!! You guys are the bomb!!

Header looks great on desktop but...

Comments