queue  9
support
Results 1 to 3 of 3

Thread: [SOLVED] Move Menu Bar Logo and Menu Items to be Full Width?

  1. #1

    Move Menu Bar Logo and Menu Items to be Full Width?

    I would like to move my logo header and service item (it's just a phone number) to the far left and right corners of the menu bar, to match the full width design of the rest of my site:

    www.mixologypost.com

    Thank you!!!

  2. #2
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    1,753
    Hi,
    Paste these snippets into the Custom CSS field in them theme options panel.
    For the logo part use this:

    Code:
    a.logo{
    position:absolute;
    left:10px;
    }

    For the tel number, it can't be done if you use the main nav for entering this info. Instead delete the number from the main menu and instead use this CSS snippet:

    Code:
    .pe-menu-sticky::after {
        content: "+1 212 229 2279";
        position: absolute;
        top: 20px;
        right: 10px;
        color: white;
    }

  3. #3
    SOLVED! Thank you for the quick response you guys are great!