Header Height Option Not Working - Question | JoomShaper
Back to the questions

Header Height Option Not Working

FB

Fernando Bautista

Helix Framework 4 hours ago

Hello, my website is https://portalnews.co

I'm trying to reduce the menu height using the template option: Basic - Header - Header Height (set to 40px).

However, no matter what value I enter, the height doesn't change; nothing happens.

I'd like to know if I'm mistaken in confusing the header with the menu, or where I can reduce the menu height. I feel like the menu height is too high on a desktop, and I can't figure out how to reduce it.

I've attached a screenshot. Please help me, and also, how do I change the menu background color from white to any color?

https://drive.google.com/file/d/1F11oupgccQY4u-nNakPjxV_UXKU2XHN9/view?usp=sharing

Thank you.

0
2 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 hours ago #216162

Hi

Thanks for contacting us. You can use this CSS in your custom.css file

#sp-header {
    background: #acdbe4 !important;
    height: 75px !important;
}

-Regards.

0
FB
Fernando Bautista
Accepted Answer
4 hours ago #216167

Hello and thank you for your response.

The code certainly worked; the color and height changed. However, the menu items don't rise to match the height and remain in the same position, resulting in an uneven color and menu item size (I've attached a screenshot with a height of 40px).

https://drive.google.com/file/d/19NEqFoCHAigGI4YAoZuXxnZ1orLDaVXI/view?usp=sharing

The goal is for the menu items to also adjust to the height within their designated space and not look like the screenshot.

Thank you for your kind assistance.

0