Differences displaying menu between PC and Mac

Hello,

We have a problem on our top menu. It displays properly on PC (Chrome, Firefox, Safari) but not on Mac (Chrome, Firefox, Safari). We are BeTheme 3.8.

You can double check the behavior on http://test-www.mobiquithings.com.

Thanks for your help.

Comments

  • Hi,

    please make a screenshot of how it looks like on your MAC because we don`t see any problem and have no idea what could be the wrong. On our devices everything looks fine so your screenshot will help a lot. To send screenshot, you can use http://snag.gy/
  • And this looks exactly the same on our pc`s. We are not sure what exactly you want to do but if you want to move menu into the same line as logo, you need to use below custom css because you have too many items in menu and they won`t fit on most regular screens:
    #Top_bar .menu > li > a span:not(.description) { padding: 0 10px !important; }
    This just happen when you have too many items in menu and screens are smaller.
  • Thanks for your answer.

    I understand this point of view. Could you tell me what is the screen/resolution on the one your are looking at? Also what is the current limit in pixels?

    Thanks.
  • We have checked it from 1600x900px screen. But we don`t understand what current limit px you mean?
  • My question was more: what is the minimum screen resolution that you allow for the menu?
  • We do not recommend any screen resolution because menu should work fine on all of them. The main problem is with number of items in menu. If you got too many items in main menu, you should move some of them into submenu items. There is nothing like minimum screen resolution and this can`t be done that way as it is fallacy. The only way to push items into one line we gave you above and it is css to decrease paddings between items. Or as we wrote above you should use submenus instead or other header layout where more items can be in one line.

    Thanks for understanding!
  • Understand!

    Thanks.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.