[Resolved] Logo floating left of header+navigation+top bar

Home Forums Support [Resolved] Logo floating left of header+navigation+top bar

Home Forums Support Logo floating left of header+navigation+top bar

  • This topic has 9 replies, 3 voices, and was last updated 4 years ago by Tom.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1175627
    Reed

    Hello,

    I have attached an image of my current header setup. I am currently using the dispatch imported site.

    frugal flyer header

    I would like to make my logo larger, and have to to the left, vertically centered beside all header content (primary navigation and the top bar).

    More similar to how this site is layed out: https://thepointsguy.com/

    Is there an easy way to do this?

    #1175847
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Just to confirm, are you wanting the top bar to be next to your logo as well as the navigation?

    Your link doesn’t seem to be loading the site – can you double-check?

    Let me know πŸ™‚

    #1175853
    Reed

    That is correct.
    It is in maintenance mode. I have submitted a link to temp login using the contact form.
    Thanks,
    Reed

    #1176606
    Tom
    Lead Developer
    Lead Developer

    Hmm, you might be better off ditching the “Navigation as Header” option, then setting the Navigation Location to “Float Right”. Then you can add the social icons to the “Header” widget area.

    Let me know πŸ™‚

    #1176853
    Reed

    About the same – the logo is in line with the navigation, not vertically centered by the entire header height.

    View post on imgur.com

    #1177616
    David
    Staff
    Customer Support

    Hi there,

    can you remove the social Icons from the Top Bar and place them in the Header Widget.

    #1179926
    Reed

    Yes. Still not aligned unfortunately.

    capturefeb28

    #1180259
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Try adding this CSS:

    @media (min-width: 769px) {
        .site-logo {
            float: left;
            margin-top: 25px;
        }
    
        .nav-float-right .header-widget {
            top: 0;
            margin-top: 15px;
        }
    }
    #1180777
    Reed

    Perfect this worked!
    Thank you.

    #1181076
    Tom
    Lead Developer
    Lead Developer

    You’re welcome πŸ™‚

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