Jump to content


Photo
- - - - -

Move top primary-nav / Top Navi to the left and stack on top of each other

primary-nav stack left justified stack navi menu top navi right justified

  • Please log in to reply
4 replies to this topic

#1 klouis

klouis

    Member

  • Members
  • 14 posts
  • LocationNew York
  • Country: Country Flag

Posted 29 July 2013 - 06:02 PM

Hello,

I'm trying to move the primary-nav and brand logo to a new location (

Please Login or Register to see this Hidden Content

).   

I want them to be stacked on top of each other like this page and logo the top (

Please Login or Register to see this Hidden Content

).

I do not want to use the Secondary Sidebar or any other navi bar, because the drop-down menu does not work.

 

Thanks in advanced,

SC



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 29 July 2013 - 08:23 PM

Hi SC,

 

You can use the Nav Classic which has drop downs,  and then apply CSS to narrow its total width so that the parent level menu items wrap.  Use a percent rather than fixed pixel width if you're modifying the CSS and want it to be responsive on mobile devices.

 

See

Please Login or Register to see this Hidden Content

for more info as well.



#3 klouis

klouis

    Member

  • Members
  • 14 posts
  • LocationNew York
  • Country: Country Flag

Posted 29 July 2013 - 09:56 PM

I tried it and do not work.



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 30 July 2013 - 04:12 PM

What product are you using to build this site? DMS or Framework?



#5 klouis

klouis

    Member

  • Members
  • 14 posts
  • LocationNew York
  • Country: Country Flag

Posted 30 July 2013 - 05:30 PM

Framework - I got it to align this morning, see code below.  I would like for the text to be right justified.  Text-align: right;, does not work.

 

Also, how do I change the highlighed / gray box color?

 

 

#nav{
margin: 0px; padding: 0px;
position:fixed;
width:50px;
height:500px;
left:-330px;
top:250px;
white-space: pre-line;
text-align: right;
font-family:arial,serif; font-size:11.5px; text-decoration: none;
letter-spacing:1px;
line-height: 12px;
}