Hi @bismrfinc,
Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:
@media( min-width: 768px ) {
#header-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
Let me know if that does it.
— Anders
Hi @anlino
That worked!! THANK YOU SO MUCH! It’s been bothering me for so long and I tried everything in the forums. Please let me know if I can send you something for your help and how.
-
This reply was modified 1 week, 4 days ago by
bismrfinc.
Hi,
I am having the same problem but the above CSS doesn’t seem to make any difference to the main menu bar.
I have used the following code which centres the dropdown menus but as I only have a couple of main menu headers I would really like to centre them
.main-navigation {text-align: center;}.main-navigation ul {display:inline-block;}
.main-navigation .menu-primary-container {width: 100%}
The page I want to adjust is http://www.redstonassociates.co.uk and any assistance would be great.