Menu Bar Height - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Menu Bar Height

F

farzalid

Template 3 years ago

Hello, I need to add more height to menu when it's scroll . How can I fix ? Live site address https://customersite.ir/new_hrm/

Thanks

0
5 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #52063

And if we can about header height after scroll down, maybe better would be to resize logo.

.is-sticky .sp-default-logo.hidden-xs {max-height: 50px;}

Check how it may look like. foto_7586_2022.png

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

Hi

Do you want to change its height?

https://prnt.sc/26d2x27

-Regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #52056

Hi,

in that template probably you have to use custom CSS to increase header height, becuase there is static, default value 90px.

Let say that you need this:

#sp-header { height: 110px; }

Add it inside templates/shaper_varsita/css/custom.css

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #52059

but I also recommend add CSS line, to center menu items in new header height

.sp-megamenu-parent > li > a {
    padding: 0 12px;
    line-height: 110px;
    font-size: 14.2px;}
0
F
farzalid
Accepted Answer
3 years ago #54816

Thanks,

0