Full Width Nav Bar in Prose

[Brenda]

How do I make my nav bars full-width in Prose?

http://www.triplebraidedlife.com

Thank you!

http://www.triplebraidedlife.com

[emasai]

Remove the width from #subnav

Then in #subnav ul remove float: left; and add margin: 0 auto;

If this resolves your issue, please mark your post accordingly.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

Remove the width from #subnav

Then in #subnav ul remove float: left; and add margin: 0 auto;

If this resolves your issue, please mark your post accordingly.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Brenda]

Thanks, Lynne, but it didn't work! Any other ideas?

[emasai]

I just tested it again and it works, but I did not see any changes to your css. If you could unminify it, I could tell you exactly which lines you need to change. We are talking about the green menu bar?

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Brenda]

Yes, the green menu bar. I don't remember how to unminify it. I know I did that once a long time ago, but can't recall how now.

I went into Editor and (style.css) and this is what's there now:

/***** Secondary Navigation ********************/

#subnav {
background: #F3F3F3;
color: #666666;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 13px;
margin: 0 auto 0;
text-transform: uppercase;
border: 1px solid #DDDDDD;
clear: both;
overflow: hidden;
}

#subnav ul {
margin: 0 auto;
list-style: none;
padding: 0;
border: 1px solid #FFFFFF;
}

Thank you for your time!!

[Brenda]

Now the menu bar is two colors??

[emasai]

There are 3 stylesheet links that I can see, and they still show a width and grey background color:

Line 1 - http://triplebraidedlife.com/?custom-css=1&csblog=1&cscache=6&csrev=24
Line 270 - http://triplebraidedlife.com/wp-content/plugins/wp-minify/min/?f=wp-content/plugins/wpx-affiliate-manager/css/wpx-affiliate-manager.css,wp-content/themes/prose/css/minified.css,wp-content/plugins/form-maker/css/style_for_map.css,wp-content/plugins/form-maker/js/calendar-jos.css,wp-content/plugins/form-maker/css/jquery-ui-spinner.css,wp-content/plugins/paulund-pinterest-add-pin-buttons/style.css,wp-content/plugins/jetpack/modules/widgets/widgets.css,wp-content/plugins/social-sharing-toolkit/style_2.1.2.css&m=1387829359
Line 44 - http://triplebraidedlife.com/wp-content/plugins/wp-minify/min/?f=wp-content/plugins/wpx-affiliate-manager/css/wpx-affiliate-manager.css,wp-content/themes/prose/css/minified.css,wp-content/plugins/form-maker/css/style_for_map.css,wp-content/plugins/form-maker/js/calendar-jos.css,wp-content/plugins/form-maker/css/jquery-ui-spinner.css,wp-content/plugins/paulund-pinterest-add-pin-buttons/style.css,wp-content/plugins/jetpack/modules/widgets/widgets.css,wp-content/plugins/social-sharing-toolkit/style_2.1.2.css&m=1387829359

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Brenda]

I don't even know where you're seeing these. When I go to "Edit CSS" under Appearance, this is all I see:

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/

I find what I need to change when I use the "Inspect Element" tool by right-clicking, but I don't know where to change it. I tried to change it in "Editor" under "Stylesheet (style.css)", but it's not working.

I may be in over my head. Is there a code I can put in "Edit CSS" to change it?

[Author]

Posts