Home Forums Weaver Xtreme Theme menu area

This topic contains 1 reply, has 2 voices, and was last updated by  scrambler 6 days, 6 hours ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #58033

    merlojh
    Participant

    In the menu area I would like to make the phone and email more in line with the menu items tried different styles but nothing worked how can I add padding to drop them down? John

     

    <i class=”fa fa-phone” aria-hidden=”true”></i>415-785-7135
    <i class=”fa fa-envelope” aria-hidden=”true”></i>[email protected]

    #58034

    scrambler
    Moderator

    Add the rule below to the theme Global Custom CSS Rule box

    .menu-primary .wvrx-menu-html {margin-top:3em;}

    Tweak value as needed.

    Now, you positioned the menu with the rule
    #nav-primary ul.wvrx-menu {padding-top:4em;}
    But as the browser gets under 1207px, there is not enough space for all three blocks to be side by side, so the menu with stack below.
    At that point you would probably not want the extra space above it.
    To fix that add the rule below
    @media all and (max-width:1207px) {
    #nav-primary ul.wvrx-menu {padding-top:1em;}
    }
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.