Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 12, 2016 at 4:49 pm #671900
    dunawaychris

    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

    August 12, 2016 at 4:57 pm #671902
    Yigit

    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

    August 13, 2016 at 9:46 pm #672317
    dunawaychris

    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

    August 15, 2016 at 10:39 am #672592
    Yigit

    Hi,

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

    Best regards,
    Yigit

    August 15, 2016 at 6:59 pm #672832
    dunawaychris

    Definitely! Listed in private content.

    August 19, 2016 at 10:49 am #674653
    Andy

    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

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