Menu Entries Are Overlapping With the Action Button

To The Support Team of BeTheme:

Please i am having the following problems with my menu when using the latest version of your theme (BeTheme).

1. When the number of entries of the main menu exceeds a certain number, the last menu entry is getting overlapped on top of the action button.
2. The problem mentioned in (1) is happening again when enabling the "sticky header" option.
3. When having two lines of entries in the menu, the background of them is flipping to transparent when the "sticky header" option is enabled. In other words, when scrolling down the page, the menu's background is getting transformed to transparent and the labels of the entries are appearing on top of the rest of the content of the page.

Notes:

1. I am running the latest version of your theme.
2. I am using the "Stack: Center" option as a "Header Style".

Your help will be greatly appreciated.

Awaiting for your kind reply,

Best Regards~

P.S: I have attached a quick screenshot as a demonstration.

image

Comments

  • Hi,

    please send us url to website where this happen and we'll have a look on it.

    Thanks!
  • edited March 2015
    Hello! 

    Thank you for your reply. Here is the URL of the website: Labinator [dot] com

    Please note though that i am not authorized to create an admin account for you on the website. Thank you for your understanding.

    As you can see from the website, when you scroll down the menu entries are overlapping on top of the action button.

    I really appreciate your help and support!

    Best Regards~
  • Ok, we see what happen. This looks like that because there is not enough space in sticky header to keep all this stuff. So or you will remove button on sticky header or logo because it is technically not possible to keep them all. If you decide which one you want to remove, then let us know and we'll give you right css.
  • Thank you for your reply.

    Logically speaking, the menu entries must be displayed in two lines instead of one. You must consider this in your future updates. When the action button is enabled the checking function of the width must take into consideration the number of characters that exists in the top level menu entries. If they exceed the certain limit, they must get displayed in two lines instead of one.

    At this point in time the menu is behaving like that when the action button is disabled.

    Thanks though for your time and help!

    All the best!
  • We'll consider this but at this moment from our side this won't look good. What is the point to use sticky menu that cover so large part of website? Menu from top will be about 200px from top what is not good in our opinion and especially not right in accordance to our UX experience.
  • Yes, i totally agree with you. At the same time, having the problem of overlapping is also not right according to my UX experience ; )

    Having said that, i really appreciate your work on this theme and i will keep recommending it for everyone.

    Best Regards~
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.