WordPress.org

1. Moritz83
   Member
   Posted 2 months ago #
   

   G'day,

   I would like to right align the last item in the navigation bar. Came across "page-item-247" but I don't get the correct CSS code. This is what I got so far:

   .main-navigation div.nav-menu .page-item-247 {
   text-align: right;
   }

   I think there is something missing :/

   Cheers
   Moritz

2. WPyogi
   Volunteer Moderator
   Posted 2 months ago #
   

   This appears to do what you want - putting it inside a media query applies it to bigger screens - otherwise it will mess up the mobile menu.

   @media screen and (min-width: 600px) {
   .main-navigation li.page-item-247 {
   float: right;
   }
   }

   EDIT - also remove the code you added trying to do this :).

3. Moritz83
   Member
   Posted 2 months ago #
   

   lol .... guess what:

   Your code already contains the fix for mine which is not working :D

   I wrote "text-align: right" and it should (according yours) be "float: right"!

   thanks a lot :)

4. Andrew Nevins
   Volunteer Moderator
   Posted 2 months ago #
   

   Thanks WPyogi :)

Reply

You must log in to post.