For the sticky header, you have three options in theme options. First, inherit colors from the Top Bar, when it is not sticky, white (white background and black menu items), and dark (dark background and white menu items).
The colors for the first options can be modified in Betheme -> Theme options -> Colors -> Header.
On mobile, the colors are the same as on desktop.
You can use the header builder plugin if you want to set different colors for sticky, mobile, etc.
I've customised the menu for desktop, tablet and mobile, but I can't change the color of the hamburger menu when it's sticky - it stays white (i want it red).
Also, how do i set to sidebar instead of a dropdown menu in mobile layout?
ok, i've reverted back to the classic menus, however I've a problem with the hamburger menu on mobile - it doesn't appear on the right, only in the sticky menu.
Please attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
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.
Comments
Hello,
For the sticky header, you have three options in theme options. First, inherit colors from the Top Bar, when it is not sticky, white (white background and black menu items), and dark (dark background and white menu items).
The colors for the first options can be modified in Betheme -> Theme options -> Colors -> Header.
On mobile, the colors are the same as on desktop.
You can use the header builder plugin if you want to set different colors for sticky, mobile, etc.
https://support.muffingroup.com/video-tutorials/how-to-build-a-custom-header/
https://support.muffingroup.com/documentation/header-builder/
Thanks
Perfect - thanks!
Actually - I cannot find the Header Builder menu option. I checked the Installed plugins and its install and active, but I cant find it anywhere...
It is located under the Betheme tab, at the very bottom.
Thanks
Not seeing it...
Solved. I had to deactivate BeCustom first.
Now have a problem with the formatting.
I've customised the menu for desktop, tablet and mobile, but I can't change the color of the hamburger menu when it's sticky - it stays white (i want it red).
Also, how do i set to sidebar instead of a dropdown menu in mobile layout?
Please, put the following code in Betheme -> Theme options -> Custom CSS & JS -> CSS.
.mhb-grid.is-sticky .mobile-menu-toggle{ color: #ff0000!important; }Thanks
Great - thanks! What about the side menu for mobile instead of the dropdown?
Oh, sorry I did not answer that.
Sadly, the Header Builder does not support the side slide menu on mobile.
However, we are working on a new version of the Header Builder, so it will be possible in the future.
Thanks
Is there a timeline on when the update will be available?
Also, is there a way to achieve this using the conventional menu system and not the Header Builder?
We are still working on it, and hard to estimate the time when it will be released.
Without the Header Builder, you can switch that in Betheme -> Theme options -> Responsive -> Header.
Thanks
ok, i've reverted back to the classic menus, however I've a problem with the hamburger menu on mobile - it doesn't appear on the right, only in the sticky menu.
And how can I reduce the menu padding and get the menu and logo to middle vertically
align
1, 2) Please, send a link to your website, so I can check what is happening with your hamburger menu, and from where does this padding come.
3) Please, go to Betheme -> Theme options -> Global -> Logo, and in the Advanced section, you can change the Vertical align.
Thanks
It is set to vertical align already...
Please attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
red-sea-trading.com/home/
Please, try to add some padding to your logo.
Thanks
my hamburger menu not sticky on mobile
Hi @temiyemiennymax,
There is very little information about what you wrote.
Please always attach a link to your website, and it is good to attach screenshots showing your issue.
Moreover, it is better to open a new topic than write in such old ones.
Thanks