Home>Support>Logo over menu

Logo over menu

By BuggeD, 9 years ago. Last reply by Daniel, 9 years ago.

I have a problem that i’m not too good with CSS and that I want logo float over menu. Tried many things, didn’t made it so far :D

example: http://prntscr.com/6eh3l8

Best template ever !

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi BuggeD

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

    It will help me get you a tested solution

    Looking forward to hearing from you

    • 9 years, 6 months ago Private Message - BuggeD

      This is a private message.

  2. 9 years, 6 months ago BuggeD

    I do not need to keep it private, I just prefer that way. Thanks

  3. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi BuggeD

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    
header#masthead .hgroup .logo img {
position: absolute!important;
top: 0px!important;
z-index: 1!important;
}
#header-sidebar {
    top:-60px!important;
}

    Try that out and let me know the outcome

    Cheers

  4. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Note : Try using a logo without the white background and the results will be as you expected :-). You can edit it using photo editors such as Photoshop.

  5. 9 years, 6 months ago BuggeD

    Yea it was not transparent bg. Forgot about that :). One more problem. “Home” menu button is behind logo… Can I make menu z aligned before logo ?

  6. 9 years, 6 months ago BuggeD

    Note: Header widget is outside :D

  7. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi BuggeD

    You can remove the code I had given you earlier and use this one :-)

    header#masthead .hgroup .logo img {
position: absolute!important;
top: 0px!important;
z-index: 1!important;
left:-75px!important;
}
#header-sidebar {
    top:0px!important;
}

    I have modified slightly the code I had given you earlier.

    Let me know if that is suitable for you.

    Cheers

  8. 9 years, 6 months ago BuggeD

    Thanks :) Perfecto :)

  9. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Welcome :-)

    Always feel free to open a new thread whenever you require support

    Cheers

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More