Could you clarify where exactly we can adjust the mobile menu break point sizes? This is because the desktop menu overlaps the logo and cut off on smaller screen sizes. We need therefore to adjust the break points so that the responsive (mobile) menu appears above the current 1212px setting - say 1365px. This is a common problem we face on most sites built.
The ability to select or adjust breakpoints depending the site we are working on (with different menu lengths) would be very helpful.
You can see from the attached - being able to adjust the break point would be of great use for all TheGem users. Please send instructions / details so that we can adjust manually.
On Another Note - a handy tool would be to include a search function on the icons pop up screen selection so that we can search for an icon we need rather than having to scroll and select an icon every time.
Thanks - please let me know on the menu break point issue - I don't think we can explain this any clearer.
Unfortunately, there is no such setting in the theme at the moment. At the moment I don't see any problems, apparently you fixed them. But if you have similar problems use this code.
@media(max-width:1365px){
.header-style-3 #primary-menu.no-responsive > li > a,
.header-style-4 #primary-menu.no-responsive > li > a {
padding: 0px 10px !important;
}}
Thanks Michael = no we haven;t yet fixed as was awaiting a reply from thegem. I appreciate there is no frontend facility to change the the breakpoint settings and knew this - what we would like is the code in order for us to manually adjust these settings ourselves.
I appreciate the code sent - but all this doe is reduce the spacing between the menu items which we could have done initially. We'd prefer to do this by changing the breakpoint sizes themselves. Could you send me the code or point me at all the code that dictates when the desktop menu is replaced by the responsive (mobile) menu.
Hi
Could you clarify where exactly we can adjust the mobile menu break point sizes? This is because the desktop menu overlaps the logo and cut off on smaller screen sizes. We need therefore to adjust the break points so that the responsive (mobile) menu appears above the current 1212px setting - say 1365px. This is a common problem we face on most sites built.
The ability to select or adjust breakpoints depending the site we are working on (with different menu lengths) would be very helpful.
You can see from the attached - being able to adjust the break point would be of great use for all TheGem users. Please send instructions / details so that we can adjust manually.
On Another Note - a handy tool would be to include a search function on the icons pop up screen selection so that we can search for an icon we need rather than having to scroll and select an icon every time.
Thanks - please let me know on the menu break point issue - I don't think we can explain this any clearer.
HI!
Unfortunately, there is no such setting in the theme at the moment. At the moment I don't see any problems, apparently you fixed them. But if you have similar problems use this code.
@media(max-width:1365px){ .header-style-3 #primary-menu.no-responsive > li > a, .header-style-4 #primary-menu.no-responsive > li > a { padding: 0px 10px !important; }}Thanks Michael = no we haven;t yet fixed as was awaiting a reply from thegem. I appreciate there is no frontend facility to change the the breakpoint settings and knew this - what we would like is the code in order for us to manually adjust these settings ourselves.
I appreciate the code sent - but all this doe is reduce the spacing between the menu items which we could have done initially. We'd prefer to do this by changing the breakpoint sizes themselves. Could you send me the code or point me at all the code that dictates when the desktop menu is replaced by the responsive (mobile) menu.
Thanks
Unfortunately, this requires changing a lot of files and code in them. Therefore, at the moment there is no such setting in the theme.
Also I don't see any problems right now on your site.