Header height in mobile

zerocoldgm · May 2022

Hi,

in my site:

I put a different image subheader in each page.

Like this:

I put in "custom css" of the theme this line: #Subheader { height:200px;}

But so, the same image in mobile screen is too heigh.

Can you help me to solve?

Thank you!

Pablo · May 2022

Hello,

Add below that CSS code this code:

@media(max-width:768px){
  #Subheader{ height: 100px !important; }
}

zerocoldgm · May 2022

Thank you Pablo,

now it's ok in mobile screen BUT not in the PC version.

As you can see here:

the subheader image is too slim. :)

Phil · May 2022

Hi,

You can control the Subheader height by changing its padding in Betheme -> Theme options -> Header & Subheader -> Subheader.

Thanks

Comments