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

Menu Height On Mobile Version

D

Dominik

Template 4 years ago

Hi there Joomshaper was able to solve my header size problem in the mobile version with this code:

.logo-image-phone { height: 55px!important; }

But unfortunately for my site, the menu bar will be smaller than 60px. Here is a screenshot:

https://prnt.sc/1qlgh8b

How can I correct the height of the menu bar to 60px? So only in the mobile version, the desktop version works.

The page: hailtec.ch

Domi

0
9 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #30950

Hi

Then use this custom css


@media (max-width: 768px){
#sp-header{
    height:65px !important;
}
.logo-image-phone{
    position:relative;
    top:5px;

}
}

Add this css code inside the custom.css file. Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code. https://prnt.sc/pu705g https://prnt.sc/pu70zn In Extensions>Template> Template Options > Custom Code > Custom CSS please add this Thanks

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #30383

Hi

Are you talking about top meu?

0
D
Dominik
Accepted Answer
4 years ago #30401

Yes

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #30423

Hi

Make this height 40px

https://prnt.sc/1qlox2l

0
D
Dominik
Accepted Answer
4 years ago #30435

I have already done that. Sorry, I forgot to mention that. In any template, since there are 5 languages.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 4 years ago #30860

Then reduce the height on every page and then clear your browser cache and check

0
D
Dominik
Accepted Answer
4 years ago #30862

Sorry, I don't think we understand the same thing. I don't want the logo smaller but the menu bar bigger. The logo should be 55px high, the menu bar is smaller here with this template. Why? With all other templates it worked without problems.

Domi

0
DR
doug raught
Accepted Answer
3 years ago #57382

Thanks for this code. I REALLY NEEDED IT! It works great.

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

You are always welcome! Glad to know that.

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