How To Change Header Height On Mobile Devices - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

How To Change Header Height On Mobile Devices

Igors

Igors

Helix Framework 3 years ago

Hi friends i try to change header height on mobile devices. Can you help. For some reason it does not work

@media (max-width: 575px)
#sp-header {
    height: 80px;
}
0
Website
https://vervo.lv
3 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #63388

Hi

You forget to insert the brackets. Please use this custom CSS

@media (max-width: 575px){
#sp-header {
    height: 80px !important;
}
}

Now it should work.

-Regards.

0
Igors
Igors
Accepted Answer
3 years ago #63400

Oh thanks :)

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #63413

You are always welcome! It would be very kind of you if you can manage some moment to give us feedback here:

https://extensions.joomla.org/extension/sp-page-builder/

https://www.trustpilot.com/review/www.joomshaper.com

Please let me know your name on the review. Thanks for being with us :)

0