I had this issue a number of months ago and hoping there is a fix now? I have to think a number of people would be coming across this issue as there are only 6 menu tabs.
http://nxw.e9b.myftpupload.com/BIG UPS RIFE Fam! pls let me know as this is a fav menu style but need to resolve so the menu isn't forced to be so narrow THNKS
Comments
This issue highly depends on what options you will use in the header, and that is why there isn't a simple solution to this.
I can not open your site(endless redirects loop error), so I will base it only on your screenshot.
When you add one of the tools to the header(hamburger on the right in your case) or social icons on the left(you didn't use it), I have to reserve same size space on both sides of the header. Otherwise, it will not be visually nicely centered.
I usually give customers such custom CSS to fix it: In your case, you should probably increase it to
width: 40px;
or similar value.I believe I could add a setting to customizer, where you could decide how much space will be reserved on both sides for "other header elements" - what do you think about such a solution?
With kind regards.
BIG THNKS for assist and awesomeness!
I have removed your data, so your site wouldn't get hacked unless you want too ;-)
I can help you with CSS fix. I will not be able to deploy new update during the weekend with an additional setting. I also am in the middle of a bigger task, so until I am done with it, there will be no update;-)
However, I will add this setting in the next version.
I still get "too many redirects error". Tested on Chrome & Firefox. Can't access your site at all.
Check yourself in private mode in the browser.
It is midnight here so time to sleep:-)
With kind regards.
Is there a way to have this cool menu style on hover but not have on 'active' rows (scrolling one page styles with custom IDs)
And Ideally if the mobile logo was closer to the left of phone view and icon more to the rt pls?
Just want client happy THNKS
-------
OK, what I have done:
1. I have removed the doubled version of Apollo13 Framework Extensions plugin, as it resulted in some options missing in the customizer.
2. Added such Custom CSS(in Customizer -> Custom CSS panel): It also reduces padding of header from
40px
to15px
.3. Added such Custom CSS(in Customizer -> Custom CSS panel): -------
Work for you: You are using a dark variant of the header on the homepage. Either change it to normal or adjust settings in Customizing ▸ Header settings ▸ Variant dark - overwrites .
Read more https://rifetheme.com/help/docs/customizing-the-theme/header/variant-light-dark-overwrites/
It would require to mess around with lot of CSS. I am not sure I will be able to do currently.
You don't want to highlight active sections while scrolling?
With kind regards.
Hmmm what am I missing, I tried 3 browsers (chrome, safari, firefox)/after I cleared Managed Wordpress cache option and seeing same stacked menu rows issue.
And I don't mind the section/row menu highlight (though the option to hide would still be great to have) but it's highlighting 2 sections sometimes which def looks odd.
I inputed all your CSS (I would really appreciate if you would just do, make sure it looks good there/all fixed Air so I don't have to keep bothering you) but still nothing helped/all looks as it did.
I really think I have to switch to another Elementor friendly theme so I have no header/menu issues on any devices as I have to have this site live tomm. Having easy, super customizable header/menu styles really priceless these days (especially so it showcases true, unique, custom site flavor and #mobilefirst! I have first pumped for over 3 years and finally clients are starting to know this is true.
Best all ways forward,
-Sterling
#TheWebStylist
I just doubled check the breaking menu issue and it's still happening. I have to present the site tomm (there is a Coming Soon page up right now and I removed the menu yesterday but added just now to double check and when I slide browser window on my laptop to make it smaller, it is still breaking) Can the padding on left and right pls be removed asap man? Otherwise I have to change themes tonight. pls thnks!
Customizing ▸ Header settings ▸ Tools icons - individual icons ▸ Mobile menu button icon size.
Soon next answers.
With kind regards.
Not possible sorry - please read here https://rifetheme.com/help/docs/customizing-the-theme/header/main-menu/#submenus
Sure - use optiton "Making menu item not clickable" when adding menu http://rifetheme.com/help/docs/basic-setup/menus/menu-enhancements/
With kind regards.