Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 27, 2017 at 8:39 pm #800638
    washington7765

    Can someone point me in the right direction on my header menu styling. How do I make the sub-menu pop out to the right instead of to the left?

    site is here: http://wordpress.purpleheartfoundation.org

    May 28, 2017 at 2:10 am #800693
    Mike

    Hey washington7765,
    To make the sub-menu pop out right, try this code in the General Styling > Quick CSS field:

    #top .av-main-nav ul ul {left: 207px!important; }

    You may find that the sub-menu now goes off screen, below will move the menu over left so you can see the sub-menu:

    .main_menu {right: 120px !important; }

    Best regards,
    Mike

    May 29, 2017 at 8:11 pm #801222
    washington7765

    That seemed to almost work but still can’t see the products in the last menu subnav…Thoughts on how to fix this?

    Also, how would i add a button to the header after the last menu item?

    May 29, 2017 at 9:10 pm #801253
    Mike

    Hi,
    We could try adjusting the sub-menu over a little:

    #top .av-main-nav ul ul {left: 110px!important; }

    and/or moving the whole menu over some:

    .main_menu {right: 200px !important; }

    But this is why the sub-menu was popping out left :)
    To add a button in the menu, create another menu item a choose Button Style from the Menu Style drop down.
    postimage

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.