Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #815214

    Hi
    I would like help to make the logo be left and above menu.
    Have a header widget to the right above the menu (for social icons & phone number)
    I’d like them to have a transparent background, so you can see the page background image
    Also have the menu (not logo or widget) stick to the top when scrolling
    So the header looks similar to http://thecrestbyronbay.com.au/ however has a header widget to the right (also above menu)
    However the site I am working on is on my local host so you can’t log in.

    If someone can help that would be fantastic

    Cheers Dave

    #815817

    Hey Dave,

    To make your logo be on the left and above the menu, please go to Enfold > Header > Header Layout. Under Menu and Logo Position, please choose “Logo left, menu below”.

    To make the header sticky, please go to Enfold > Header > Header Behavior, and check Sticky Header. You mentioned that you didn’t want the logo to be there when you scroll. To do this, please put this in Quick CSS:

    .header-scrolled div .logo {
    display: none;
    }

    To make the header area transparent, you’ll need to set this on the page itself. When you’re on the Edit Page screen, please find “Header visibility and transparency” in the right side, and set it to your preference.

    For adding a widget in the header, please see our documentation here: kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    I hope that helps!

    Best regards,
    Sarah

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