Custom Menu Mobile Menu will not center
-
So on my website I have a custom navigation menu and when it goes into mobile or tablet mode it will not center in the middle of the page for either of them and only stays on the right side of the page. I tried clearing the catch and anything else i could. Is there anything I can do to make this centered it appeared to happen when i just did the most recent update.
Thanks in Advance
-
The Menu was added using the custom header nav. it is in its own structure on a single line and will no longer allow me to center the mobile menu. I am adding this because i am not sure how well i explained the problem in the first part. All style and scripts are the same and cache was cleared as i said earlier. Thanks again
Hello, can you send me your site link?
Makeupwithkiki.com
Thank You
Hi, use this css code:
body .oceanwp-mobile-menu-icon { float: none !important; }That worked perfext. Thank You so much
You’re welcome 🙂
had the same issue. i was using this code. pretty sure it is from a how to i found on your site somewhere,
/* This part centers the mobile menu toggle */
#oceanwp-mobile-menu-icon {
float: none !important;
right: auto !important;
text-align: center;
margin-bottom: 10px !important;
margin-top: -50px !important;
max-height: 50px !important;
}Hi, you don’t need code anymore, you can center the logo via the mobile menu section of the customizer.
The topic ‘Custom Menu Mobile Menu will not center’ is closed to new replies.
