Mobile Menu Button Squished

Support
#1

On my website, http://www.benjaminalyssa.com, on smaller screens, the menu button is getting squished. I’m trying to figure out how to cause the logo to shrink a little bit more on mobile devices to prevent this, but all of the CSS I’ve tried does not seem to be working. Any ideas?

#2

Hello @bendhall,

Thanks for asking. :slight_smile:

In the navigation layered element under Customize > Element CSS add following CSS and let us know how it goes.

$el{margin-top: -25px;}

Thanks.

#3

Thank you! That fixed the menu button; however, now the logo overlaps the menu button. :smile: Is there a way to shrink that more on the smaller screen too?

#4

Hi,

You can try adding the code below in your image element CSS


@media(max-width:767px) {
    $el{max-width:150px;}
}

You may change 150px to adjust

Hope that helps

#5

Thank you so much! Worked great!

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.