SIZE OF THE HEADER IN MOBILE VERSION - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

SIZE OF THE HEADER IN MOBILE VERSION

JF

JOLY FLORENCE

Helix Framework 4 months ago

Hello, I read many subjects about this problem in this forum but nothing works, the size of the header in mobile version is still too high. I tried as well CSS but no result.

Can you help me please ? Thank you

0
7 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #195451

Hi Joly,

in theory you should be able to set it using Template Options > Basic > Header > Mobile Icon (topbar) > Header Height

But sure using Custom CSS you can do the same.


I checked your site and CSS and it seems that you used that to force height

header#sp-header {
  height: 100px !important;
}

If yes, now you have to do the same to set it on Mobile view

@media and (max-width: 680px) {
header#sp-header {height: 70px !important;}
}

You used the hammer method, and you could use just settings, oh

0
JF
JOLY FLORENCE
Accepted Answer
4 months ago #195488

Hi Paul ! Thank you foir your answer. I found the CSS code in one of your solution you posted. Before, I tried to set it in Template options of course but with no success. No success either with your CSS code, there is still a lot of space between the logo and the off-canvas menu and the header.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #195490

I don't see my 2nd code in site code & action, that's why no effects.

If you can share access to admin, I will fix your mistakes faster... than writing here

0
JF
JOLY FLORENCE
Accepted Answer
4 months ago #195491

Yes ! Thanks a lot !

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #195493

Fixed. Yes, you had a small mess in Custom CSS ;p

In general, CSS for header was not needed, but I keep it.

0
JF
JOLY FLORENCE
Accepted Answer
4 months ago #195494

Great !! Thank a lot

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 months ago #195520

please mark topic as solved,

and have a nice day

0