[Resolved] Header: Logo left, Primary Menu Float Right and aligned right

Home Forums Support Header: Logo left, Primary Menu Float Right and aligned right

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #319146
    thomastroxler

    Hi Tom,

    I love GP Premium, so firstly thanks very much for an awesome theme.

    I am now trying to do something but am hitting a brick wall.

    What I would like is that the Logo is displayed in the Header section on the left of the page and the Primary Menu then aligns to the middle of the logo and to the right of the page.

    By seeting the Primary Navigation to float right and adding the following CSS I have gotten halfway there, but the menue keeps pushing up against the logo on the left of the page.

    
    .nav-float-right .inside-header .main-navigation {
        float: none;
        display: inline-block;
        vertical-align: middle;
    	text-align: right;
    }
    

    you can see the site in question at masterplanacademe.com

    Any idea how I can push the menu over to the right of the screen?

    Cheers,
    Tom

    #319176
    Tom
    Lead Developer
    Lead Developer

    I would just add some spacing on top of the navigation while floating:

    @media (min-width: 769px) {
        .main-navigation {
            margin-top: 30px;
        }
    }

    Glad you’re enjoying the theme! 🙂

    #319272
    thomastroxler

    Thanks – that worked for the static menu but now the sticky one is also offset by 30px…

    #319301
    Leo
    Staff
    Customer Support

    Can you give this code a shot instead:

    @media (min-width: 769px) {
        #site-navigation.main-navigation {
            margin-top: 30px;
        }
    }

    Let us know.

    #319302
    thomastroxler

    Perfect! Thanks so much!

    #319324
    Leo
    Staff
    Customer Support

    Glad we could help 🙂

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