Having Issues with Mobile Menu – Please Advise
-
Hello,
I am having some major issues with the mobile version of my website. In short, the mobile menu does not generate within the header on mobile devices.
Instead, the logo, cart, and menu icons appear in a column on the far-right, where users would have to scroll away from the main content to view.
Please advise on how to return these items to the header on mobile so that users can navigate the website on their phone.
I attempted adding this CSS based on WordPress Supports suggestions with no luck (not currently on site):
button.toggle-mobile-menu {
-ms-flex-flow: row wrap;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-flow: row wrap;
}Thanks!
Dan
The blog I need help with is: (visible only to logged in users)
-
Hi there,
I see that you have a Business plan and therefore you have access to our live chat support. Please start a chat session from the link below and we’ll help you resolve the issue you’re having.
-
I have attempted to use the live chat, but have been turned away as “We can only provide support for themes we develop”.
I am currently using the “Fortune” theme.
-
It looks like we were able to help in another chat session. :)
For future though, if you need it, you can find support for the Fortune theme at https://wordpress.org/support/theme/fortune/
-
Yes, the issue has been resolved! We had to remove the following custom CSS snippet from our site:
.page-id-4802 .site-header-inner{
max-width:1100px;
width:1170px;
}Thanks, everyone!
- The topic ‘Having Issues with Mobile Menu – Please Advise’ is closed to new replies.
WordPress.com Forums 