Community Forums › Forums › Archived Forums › Design Tips and Tricks › Full Width Nav Bar in Prose
Tagged: full width, NAV bar, Prose
- This topic has 8 replies, 2 voices, and was last updated 10 years, 3 months ago by Brenda.
-
AuthorPosts
-
December 23, 2013 at 2:41 pm #80957BrendaMember
How do I make my nav bars full-width in Prose?
http://www.triplebraidedlife.com
Thank you!
http://www.triplebraidedlife.comDecember 23, 2013 at 5:54 pm #80985emasaiParticipantRemove 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.comDecember 23, 2013 at 5:54 pm #80986emasaiParticipantRemove 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.comDecember 23, 2013 at 9:16 pm #81008BrendaMemberThanks, Lynne, but it didn't work! Any other ideas?
December 25, 2013 at 4:07 pm #81196emasaiParticipantI 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.comDecember 25, 2013 at 9:36 pm #81215BrendaMemberYes, 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!!
December 25, 2013 at 9:38 pm #81216BrendaMemberNow the menu bar is two colors??
December 26, 2013 at 3:47 pm #81298emasaiParticipantThere 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.comDecember 29, 2013 at 8:06 pm #81956BrendaMemberI 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?
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.