Centering mobile menu

[LW]

How can we center the mobile menu?

Not the icon (hamburger/menu), but the content after you click the menu on a mobile device.

I was able to do this before, but I didn't save it and I can't figure out how to do it again.

Many thanks!

http://lazybeedesigns.com

[Victor Font]

This is your current alignment CSS at line 1088 in style.css:

.genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: left;
}

If you change the alignment here to center, it will change it across all screen widths.

To change it for mobile only, copy it into the media query that activates the mobile menu around line 2196 and set the text-align to center.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[LW]

Thanks for your response Victor.

Unfortunately, it didn't work out. After changing the code the menu stayed left-aligned.

Do you have any other suggestions?

[turkmandu]

Line 2206 ... add "text-align: center;" ...

@media only screen and (max-width: 680px)
.genesis-nav-menu.responsive-menu li a, .genesis-nav-menu.responsive-menu li a:hover {
    border: none;
    display: block;
    line-height: 1;
    padding: 18px 20px;
    text-transform: none;
    text-align: center;
}

[LW]

Thank you both for the help, the last comment helped.

[Author]

Posts