After clearing the cache and testing numerous times, the width remains at 2000px.
How can this width be changed?
]]>Seems that with last update, the vale for “Onepress-menu ul” in /wp-content/themes/onepress/style.css?ver=5.8.1 and this fix the witdh of menu
.onepress-menu ul {
min-width: 12em;
width: 12em;
border: 1px solid #e9e9e9;
border-top: none;
}
The width is not dynamic with the content again …
All our website using onepress are affected
Regards
OB
My drop-down menu is supposed to have a minimum of 3 columns, which it does when you hover it in the homepage.
But if you hover it on a product page, the menu shrinks to 2 columns, and it all looks more stuffed. I am guessing it has something to do with menu’s flex condition reacting to either the width of the menu bar on those different pages or the actual width of those different pages.
Sorry if I didn’t explain myself properly.
]]>We’ve encountered an issue with the width of the menu. As you can see here https://asve.ro the menu is not full width. How can we make it full width? Also the menu doesn’t drop down on mobile. We had to install a mobile menu plugin to solve this issue. Will wait your answer. Thank you.
]]>It is impossible to see the options as the background is also white. I am using Astra theme with Elementor.
Is there also a way to reduce the width of the navigation menu dropdown? Currently it spans the entire width of the page which looks strange. I would prefer it to be narrower and to sit to the right of the page.
Regarding both questions, I have searched Customize > Header > Menu but there is no option to change colour or width there. I know nothing about coding or CSS and do not want to change themes as I have spent ages on this page so far. There must be a way! Please help!
]]>I am trying to make my main navigation menu spread from the far left to the far right of the screen, with the items spaced evenly across the screen no matter the size.
I am using the Neve theme and only seem to have the option to use px to determine the width between items which is useless as it means as soon as the screen size changes the menu looks awful!
I have tried various css options from the web but none of them have worked.
Help please!
]]>
but i want a menu 100 full width…. How can I do?
thank you
site {
margin: 0 auto;
max-width: 1403px;
}
.sidebar {
float: left;
margin-right: -100%;
max-width: 413px;
position: relative;
width: 29.4118%;
}
.secondary {
background-color: transparent;
box-shadow: none;
display: block;
margin: 0;
padding: 0;
}
.site-main {
padding: 8.3333% 0;
}
.site-content {
display: block;
float: left;
margin-left: 29.4118%;
width: 70.5882%;
}
I’m hoping someone can confirm that I can tweak those two widths, within reason, say to 20% vs. 80% or even 15% vs. 85%, or someone may know that doing this is likely to hit problems that may not be immediately obvious with other settings.
TIA, Chris
]]>