How comfortable are you with .css? You will need to look at a couple things.
You want to match the the id…
#top-menu-container (black bar) with what is happening in the red bar
I might add custom .css with to the media queries of the .container
(I’ve added the #top id to the code in the site)
@media (min-width: 1200px)
.container, #top-menu-container {
width: 1170px;
}
@media (min-width: 992px)
.container, #top-menu-container {
width: 970px;
}
@media (min-width: 768px)
.container, #top-menu-container {
width: 750px;
}
@kimwhite hi, I have added the code but didn’t work. To be honest I am not so good at this, look to this https://cyberchimps.com/forum-topic/menu-large-bar-decrease/.
They used to help but no anymore but there you will see an idea. Thanks!
There really is a bunch of .css involved. Do you have access to the theme author? or someone who does .css work.