Logo Area Custom Background on Mobile

Hey thomasgafo,

Thanks for the screenshots. Could you post a link to where we can see the actual elements as well please? I checked the URL in private, but it looks like you site is in maintenance mode. If that is the case, then please include admin WordPress login details in private as well.

Please note that using text in background images is not recommended. It would be better if you added the text in a widget area in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Rikard

Hi,

Would you also consider disabling the background image on mobile view? If yes, then you can add this code in the Quick CSS field.

@media only screen and (max-width: 767px) {
    .responsive #top .header_bg {
        background: none;
    }
}

Best regards,
Ismael

Hi,

The header design that you wanted is quite far from the default header layouts. Unfortunately, the theme does not have options for that kind of layout.

Have you tried adding the extra elements or design layouts as widgets instead of applying it as background? Please check the following documentation for more info.

// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

You can use html in a text widget, place it in the header as described in the documentation and use css to adjust their position and style.

Best regards,
Ismael

Hi,
Glad to hear, well done!
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike