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

    Hi,

    I’d love to change the layout of my header a bit, so that our logo is centered inline with the menu. I imagine it looking something like this (imagine it all centered):
    menu item 1 | menu item 2 | menu item 3 | LOGO | menu item 4 | menu item 5 | menu item 6

    Is there any way to do this? My best guess is to figure out a way to make the logo image into a menu item, but I’m not sure how to do that.

    Thanks so much!
    Chris

    #671902

    Hey Chris!

    You can add your logo as a new Custom Link in Appearance > Menus and insert HTML code to display your logo in Navigation Field and link it to your homepage

    Cheers!
    Yigit

    #672317

    Thanks so much! That’s what I’m looking for.

    With this change I’m having some other trouble.

    1. There’s a large transparent area above the menu (I selected “Logo center, Menu below” in header options). I tried to upload a new transparent logo that’s a 1×1 transparent png, but there’s still a big space above the menu. How do I delete that?
    2. I’d love to increase the horizontal padding in the menu, so that the menu items are spaced further apart. How do I do this?
    3. This may be wishful thinking, but I would love for the logo to change color with the rest of the menu as you scroll down. Is there any way to do this?
    4. The logo shows up in the middle of the mobile menu. Can I create a separate mobile menu without the logo?

    Thanks so much for all your help. You guys (and girls, maybe?) are awesome!

    Chris

    #672592

    Hi,

    Can you please post the link to your website? :)

    Best regards,
    Yigit

    #672832

    Definitely! Listed in private content.

    #674653

    Hi,

    please use different tickets for different questions/issues.

    1.) Go to Enfold->Header->Header Layout->Header Size and choose “Custom Pixel”.

    2.) Use this code inside Quick CSS field:

    #top #header .av-main-nav > li {
    margin-right: 30px;
    }
    

    and adjust as needed.

    3.) Go to Enfold->Header->Transparency Options
    and upload a transparency logo.

    4.) I checked on mobile, but I can’t see any logo on mobile. Could you fix it already?

    Best regards,
    Andy

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