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
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