Jump to content


Photo

right justify nav classic

nav classic

  • Please log in to reply
8 replies to this topic

#1 kellbasel

kellbasel

    Newbie

  • Members
  • Pip
  • 9 posts
  • Framework Version:pagelines lite
  • Country: Country Flag

Posted 16 October 2012 - 07:24 PM

piedmonthighboosters.org

i am trying to align the nav classic menu; shown at top my my website to the right. I have made several attempts and using this css code

.main_nav ul { float: right !important; }

I have gotten it moved from the left side to ALMOST the right side. It isn't fully right justified. What have I done wrong???

#2 batman

batman

    Bat Learning

  • Members

  • 2005 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 16 October 2012 - 09:09 PM

Hi kellbasel
Please, you can try with

 #tnav { right: 0px;}
I´m not sure

#3 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 16 October 2012 - 10:22 PM

Hi Kellbasel

Let us know if Batman's answer works for you.

#4 kellbasel

kellbasel

    Newbie

  • Members
  • Pip
  • 9 posts
  • Framework Version:pagelines lite
  • Country: Country Flag

Posted 16 October 2012 - 11:13 PM

No, didn't work that moved it back to the left side of the page.

#5 Rob

Rob

    One Smart Egg

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

Posted 16 October 2012 - 11:53 PM

Try this:
 
#nav {
    height: 29px;
    left: 0;
    margin-left: 31px;
    padding-left: 45px;
    position: absolute;
    top: 157px;
    width: 900px;
}


#6 kellbasel

kellbasel

    Newbie

  • Members
  • Pip
  • 9 posts
  • Framework Version:pagelines lite
  • Country: Country Flag

Posted 16 October 2012 - 11:58 PM

umm, going to say no that didn't work either

got an interesting result-don't have the words to describe piedmonthighboosters.org

#7 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 17 October 2012 - 12:42 AM

Just to confirm, is this the result you're looking for? http://screencast.com/t/bMSDhhV3j

I got the above using this code

 
#tnav {
    float: right;
    height: 23px;
    position: absolute;
    right: -96px;
    top: 0;
    width: 238px;
}


#8 kellbasel

kellbasel

    Newbie

  • Members
  • Pip
  • 9 posts
  • Framework Version:pagelines lite
  • Country: Country Flag

Posted 17 October 2012 - 12:48 AM

sorry no that isn't the site need to add a /blog/ piedmonthighboosters.org/blog/

and your updated css just brought the menu back up to the top but on the left (fully justified).

#9 Rob

Rob

    One Smart Egg

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

Posted 17 October 2012 - 01:21 AM

The support provided to PageLines Lite Edition users is very limited and you've been provided quite a bit of courtesy assistance. If you need help, please provide accurate information and a clear picture of what you desire.

You should be able to find this solution easily with Firebug or Chrome Inspection Tools. This site may help: http://www.w3schools.com/css/

However, Lite doesn't accept all customized code. You'll probably need to upgrade to Pro edition.

Thank you for your understanding and cooperation.





Also tagged with one or more of these keywords: nav classic