Docs

[Doppelpunkt]

Hello x-theme support,

I’am using Superfly to create the header for the following page
http://www.rohstoffmagazin.at/home

I would like to create the header like in the attached mockups. First the header should be smal without text. By hovering with the mouse it should expand – like the jpg header_mouseover.

I hope you can help me with my issue.

Best regards,
michael

[Paul R]

Hi,

Please refer to the links below.

https://community.theme.co/kb/integrated-plugins-superfly/
http://superfly.looks-awesome.com/docs/Getting_Started

Hope that helps.

[Doppelpunkt]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.single-post header.masthead.masthead-inline,span.entry-cover-author, span.entry-cover-date {
    display: none;
}

#3 Please add a temporary background pattern under Customize -> Layout and design and save customizer. next remove it, set background color and resave customizer.

Hope that helps.

[Doppelpunkt]

This reply has been marked as private.

[Lely]

Hi Michael,

1.) Previous provided CSS hides the entire header for single post only not included the category pages. Post carousel is part of the header that’s why it is hidden too. Please try to update CSS code to this:

body.x-navbar-fixed-top-active.single-post .x-navbar-wrap,
body.x-navbar-fixed-top-active.category .x-navbar-wrap,
span.entry-cover-author,
span.entry-cover-date  {
    display: none;
}

You’re welcome!

Cheers!

[Author]

Posts