This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Logo over menu

Resolved 10 replies premiumthemetheme-vantage
BuggeD
10 years ago · Last reply by Daniel 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Daniel Staff 10 years, 11 months ago

    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

    • BuggeD Private 10 years, 11 months ago

      This is a private message.

  2. BuggeD 10 years, 11 months ago

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

  3. Daniel Staff 10 years, 11 months ago

    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. Daniel Staff 10 years, 11 months ago

    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. BuggeD 10 years, 11 months ago

    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. BuggeD 10 years, 11 months ago

    Note: Header widget is outside :D

  7. Daniel Staff 10 years, 11 months ago

    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. BuggeD 10 years, 11 months ago

    Thanks :) Perfecto :)

  9. Daniel Staff 10 years, 11 months ago

    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.

Have a different question or issue?

Start New Thread