[MisterNoodles]

Hi, is it possible to expand the width of the header navigation to fit 100% of the width of the screen in desktop view? Right now, I need to change the entire background colour of the navigation menu. Except that the menu container seem to stop part way. Here is an example of what it looks like now, followed by what I am trying to achieve.

Change from:

To:

Note that I already tried adding “width: 100%” to main-navigation, but that didn’t work. For what I did with the background colour, I made this change:

.home .main-navigation {
background: #280014;
}

[Skandha]

@misternoodles: Please post in your site URL so that i can provide you the necessary CSS Code.

Regards,
Skandha

[MisterNoodles]

It’s: http://thegrailacademy.com/

However, there is nothing there because the site is being built on my local computer before being transferred to the server.

[Pratik]

@misternoodles: Please let us know when your site is live. It is impossible to send you the working codes without checking your site.

[MisterNoodles]

That’s odd you need to look at the code of the website, when you created your own themes. The theme I have is literally the Fotografie theme unchanged. I mean, if I am the developer of my own code, I would know exactly which CSS to change to expand the width of the navigation menu bar.

So with that said, forget about it. I was actually considering buying the theme if it included this feature to change on the fly, but resorted to see if the theme can be changed manually. I’ll look for a different one.

Thanks.

[Pratik]

Hi @misternoodles,

There about a million settings in WordPress and themes including plugins. So we need to check if it hampers the CSS that we provide. Also you might have about quite a few options in adding Custom Css too. I apologize if you feel we are incompetent with more that 35+ free themes and 30+ pro themes with over 4.1 million downloads and more than 144 thousand active themes. Without site url it is not possible.

[Author]

Posts