Hey cyrilbedel,

It’s doing that because of this CSS:

.av-logo-container, #footer .container {
    width: 1310px !important;
    max-width: 1310px !important;
}

If you only want that to apply on desktop, then please try wrapping it in a media query instead:

@media only screen and (min-width: 989px) {
.av-logo-container, #footer .container {
    width: 1310px !important;
    max-width: 1310px !important;
}
}

Best regards,
Rikard

Hi,

Thanks for that. I saw that you had not created a menu yet under Appearance->Menus, so I created one for you, and it’s working as it should after that. Please review your site.

Best regards,
Rikard

Hi,

Thanks for that. The markup seems correct on the front end, so I’m not sure why the icon is not showing up. Does it make any difference if you convert it to .png and try to use that instead?

Best regards,
Rikard

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 1250px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

Best regards,
Rikard

Hi,

The links you posted are password protected.

Best regards,
Rikard

Hey Tobias,

Thanks for the screenshots. Could you post a link to where we can see the actual problem as well please?

Best regards,
Rikard

Hey mvi,

You could add the extra elements in a widget for example: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Rikard

Hey eugeneskeef,

Could you post a link to where we can see the problem you are having please?

Best regards,
Rikard

Hey Sozo,

We can’t really help out with third party plugins unfortunately. There is a conflict between the SG Optimizer and the theme when JavaScript file compression is turned on in the theme, but I see that you have turned that off in the theme options. Does your site perform much better if you switch to a different theme, but keep the same content? Slow site performance is usually related to poor server performance.

If you want a transparent header on mobile, then please refer to this: https://kriesi.at/documentation/enfold/header/#transparent-header-on-mobile

Best regards,
Rikard

Hey Daniel,

The SVG tag doesn’t have any of those attributes as far as I’m aware: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute

Best regards,
Rikard

Hi Franz,

That is because the LayerSlider is a full width element. If you need the sidebar next to a slider, then please pick a slider which is not full width. The Easy Slider is one option for example.

Best regards,
Rikard

Hi Franz,

You can hide that yourself when editing the page in question. Please check in the right sidebar under Layout->Title Bar Settings.

Best regards,
Rikard

Hi,

Thanks for the update. You can’t adjust that in the theme settings unfortunately. A solid background is the default theme behaviour, and you will have to add custom CSS to have a transparent header on mobile devices. Adjusting the colours of the mobile menu and search icon might also be necessary, like in your case.

Best regards,
Rikard

Hey yventuell,

I’m running Enfold on MAMP without any problems, so it’s likely a local problem with your server. Do you see any error messages if you inspect the page in your browser on a page where you can see the problem?

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard