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
Solved
Helix Framework
SIZE OF THE HEADER IN MOBILE VERSION
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
please mark topic as solved,
and have a nice day
6 more replies
Paul Frankowski Senior Staff
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
JOLY FLORENCE Asked this
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.
Paul Frankowski Senior Staff
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
JOLY FLORENCE Asked this
Yes ! Thanks a lot !
Paul Frankowski Senior Staff
Fixed. Yes, you had a small mess in Custom CSS ;p
In general, CSS for header was not needed, but I keep it.
JOLY FLORENCE Asked this
Great !! Thank a lot
Log in to reply.