add an new Menu

6 posts from 4 voices

• Started 3 months ago by team_kPoint
• Latest reply from Devin
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   team_kPoint
   Member

   I want to add a menu "Free Trial" in my Navigation Menu. Only this should be Right Aligned. How can I do that?

   Posted 3 months ago #
2. 

   Ismael
   Moderator

   Hi,

   Add a custom menu on Appearance > Menu, place it at the very bottom. Now edit custom.css then place this code

   .main_menu {
   width: 100%;
   }
   
   #top .main_menu .menu li:last-child {
   position: absolute;
   right: -30px;
   }
   
   #top .main_menu .menu li:last-child a {
   border: none !important
   }

   Adjust the right values for the #top .main_menu .menu li:last-child selector.

   Regards,
   Ismael

   Posted 3 months ago #
3. 

   team_kPoint
   Member

   Hi,

   I have added the above code in custom.css.
   It worked for main menu bar. but this is being applied to last menu of sub menu bar. I don't want that this should be applied to sub menus. How can I do that?

   regards,
   teamkp

   Posted 3 months ago #
4. 

   Dude
   Dude

   Hey!

   Try following code instead:

   .main_menu {
   width: 100%;
   }
   
   #top .main_menu .menu > li:last-child {
   position: absolute;
   right: -30px;
   }
   
   #top .main_menu .menu > li:last-child a {
   border: none !important
   }

   Best regards,
   Peter

   Posted 3 months ago #
5. 

   team_kPoint
   Member

   Thanks !!!
   it worked. :)

   regards
   teamkp

   Posted 3 months ago #
6. 

   Devin
   Moderator

   Glad we could help :)

   Let us know if you have any other questions or issues.

   Regards,

   Devin

   Posted 3 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.