How to Align Subnav to the Right

[aladd1n 0]

Hello, I would like to have my sub-nav links align to the right of the screen. How do I accomplish this? Custom CSS? I tried a few things but couldnt get it to work. 2nd question: Once subnav is aligned to the right, is there any way to insert an image on the same line as the subnav but justified to the left. Kinda like how apple does it here: http://www.apple.com/ipad/ Thanks

[catrina 103]

What CSS have you tried so far? Can you please post a link to your site?

[aladd1n 0]

Link to development site: http://www.mbhomes2.com/why-meadowbrook/ Code Tried So Far: #secondnav_menu ul .current-menu-item {background: #d1bed0; align: right;} ul#menu-subnav-en li#menu-item-251 {font-size: 30px; align: right;} Thanks

[catrina 103]

The selectors .current-menu-item would only affect the individual menu items (not the entire menu) and align: right is a property that doesn't always work. Try: [code]#secondnav_menu {float: right;}[/code]

[aladd1n 0]

Thanks for the suggestion. Tried it but didnt work. Could it be conflicting with some other code?

[catrina 103]

What other code do you have?

[aladd1n 0]

This is all of my custom css #secondnav_menu {float: right;} .main-nav li.current_page_item a {background:#0f2c46;} #primary-nav li.current_page_item a {color:#ffffff;} .main-nav li a:hover{background-color:#0f2c46; !important;} #carousel .content-pad {background:none;} #secondnav_menu ul .current-menu-item {background: #d1bed0; align: right;} ul#menu-subnav-en li#menu-item-251 {font-size: 30px; align: right;} #nav_row.main_nav, ul.sf-menu ul li, .fpost { border-bottom: 0px; } body{} #banners div.banner-text {font-size: 12.5px;} div.banner_container {height: 100px; margin-top: +10px; margin-left: 25px;} #callout.content.pad #boxes h3{text-align:center;} .soapbox-links{padding-left:90px;} .fboxtext{text-align:center;}

[catrina 103]

I checked again and the selector should be #secondnav instead of #secondnav_menu. Try this CSS instead: [code]body.page-id-49 #secondnav div.content-pad {width: 400px; margin-left: 544px;}[/code]

[aladd1n 0]

Sweet, that did it. Thanks Catrina.

[aladd1n 0]

Now, any ideas on how to get an image, or text (not a link, more like a heading) to display at the left of the same sub-nav rom? Thanks in advance.

[catrina 103]

Are you using PlatformBase? (You'll need this to make edits to the files)