Jump to content
BeeTcore

[Solved] MegaNav - Logo too large

Recommended Posts

BeeTcore

Hello, please is there a way to make the logo smaller on mobile while using MegaNav. 

That's the view on mobile (Chrome - Android)  https://prnt.sc/fgne24

The Logo is perfect on PC. (Logo Size is 10). Even if i make it smaller than that, it doesn't change on mobile. 

Link to site: https://dambabscakesnevents.com/

Pls any recommendations on this?

2. Can there also be a X when the logo opens on Mobile. The X will be to close the Menu. 

Share this post


Link to post
Share on other sites
Aires

Hi @BeeTcore,

There is some CSS on mobile that is giving you an issue it is seems overrides everything else.

Add this to your less/css area and adjust the size to your liking.

@media (max-width: 480px){
body .meganav-logo img {
    height: 30px!important;
}
}

Hope this helps.  


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Aires

Would you please start another post for your second question and I will answer it there.


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
BeeTcore
1 hour ago, Aires said:

Hi @BeeTcore,

There is some CSS on mobile that is giving you an issue it is seems overrides everything else.

Add this to your less/css area and adjust the size to your liking.


@media (max-width: 480px){
body .meganav-logo img {
    height: 30px!important;
}
}

Hope this helps.  

Perfect. It worked 

Thank you :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×