Home › Forums › WoodMart support forum › Mobile menu
Mobile menu
- This topic has 6 replies, 2 voices, and was last updated 4 years, 10 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
January 13, 2020 at 7:42 pm #167742
SEO_SVParticipantHello!
How do I edit the screen size when the mobile menu is enabled?
January 14, 2020 at 7:31 am #167799
Aizaz Imtiaz AwanKeymasterHello,
If you want to edit the screen sizes for wp-bakery elements to hide and show them on different screens. You can simply edit the column with WP-Bakery builder. From the Responsiveness tab there are options to hide the column on specific screen sizes.
To hide the column on specific devices, Please view this video tutorial to find out how to do that: https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/
In case if you want to achieve something different then share the screenshot by pointing out the section.
Best Regards.
January 14, 2020 at 11:49 am #167846
SEO_SVParticipantI can’t find it WP-Bakery builder for head. Can you give a screenshot where you change the screen resolution to enable the mobile menu?
Screenshot of the problem
January 14, 2020 at 2:16 pm #167904
Aizaz Imtiaz AwanKeymasterHello,
There is no specific option to change the screen resolution to enable the mobile menu. Because in our theme there are two different layouts already provided, one for large screens like desktop, and other layout is for small screens like mobile.
So if you want to display the mobile menu in you header you need to edit your header from WoodMart >> Header Builder >> Your default header >> Switch to mobile layout and add the mobile menu element inside the row.
Screenshot: https://jmp.sh/14rjRTw
Best Regards.
January 14, 2020 at 8:56 pm #167980
SEO_SVParticipantWhat’s that got to do with it? Problems in other!
See screenshots. This is going to get fixed somehow, someway.
January 14, 2020 at 9:05 pm #167981
SEO_SVParticipantThis problem is also present in your demo.
January 15, 2020 at 6:24 am #167994
Aizaz Imtiaz AwanKeymasterHello,
I have seen your screenshot, The header shown misaligned because you contain large number of menu items inside your menu row. That’s why the items goes to next line.
So, to fix this you need to use less quantity of item inside your menu. From Appearance >> Menus you can edit your menu and remove the extra menu items.
OR
You can decrease the font size of menu from Theme settings >> TYPOGRAPHY >> ADVANCED TYPOGRAPHY select “Main Navigation Links” and then set a smaller font size.
Best Regards.
-
AuthorPosts
Tagged: menu, mobile menu
- You must be logged in to create new topics. Login / Register