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

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey JannyPolak,

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

#av-burger-menu-ul ul.sub-menu ul.sub-menu {
  padding-top: 20px;
}

Best regards,
Rikard

Hi,

Does your full code block look this now?

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top .av-main-nav .menu-item-avia-special {
    display: none;
  }

  .responsive #top .av-main-nav .menu-item {
    display: inline;
  }

  .responsive .logo img,
  .responsive .logo svg {
    margin: 0;
    max-height: 40px !important;
    margin-left: -20px;
  }

  .header-scrolled #header_main {
    position: fixed;
    width: 100%;
    background: black;
    top: 0;
  }
}

Best regards,
Rikard

Hi,

Please try adding this as well inside of the media query posted by Ismael.

.header-scrolled #header_main {
  position: fixed;
  width: 100%;
  background: black;
  top: 0;
}

Best regards,
Rikard

Hi,
When I test the font it seems to work but I don’t have a link or a image of what the font should look like so I’m not sure.
I see that your zip files have multiple fonts,

so you can either zip each one independently and then upload, or follow Guenni007’s advice here and here to create a variable font.

Best regards,
Mike

Hey awasner,

Thank you for the inquiry.

This css code hides the dropdown or select element:

#top select {
    display: none;
}

To override it, you can add this css code in the Quick CSS field:

#top select {
    display: block !important;
}

Please temporarily disable the Enfold > Performance > File Compression settings so that we can trace where the css modification is added.

Best regards,
Ismael

Hey Stefan,

Thank you for the inquiry.

You can use the theme’s default lightbox to open inline content. Please check the link below for examples: https://kriesi.at/support/topic/mailchimp-popup-3/#post-1447133

Best regards,
Ismael

Hey joshuati,

Thank you for the inquiry.

This is possible, but there won’t be enough space for the menu items. We may need to decrease the size of the logo or the font size of the menu items. If that is acceptable, you can start with this css code:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top .av-main-nav .menu-item-avia-special {
    display: none;
  }

  .responsive #top .av-main-nav .menu-item {
    display: inline;
  }

  .responsive .logo img,
  .responsive .logo svg {
    margin: 0;
    max-height: 40px !important;
    margin-left: -20px;
  }
}

Best regards,
Ismael

Hey Adria,

I see that you are running an old version of the theme, could you try to update to the latest version (5.7.1) to see if that helps please? The update to 5.7.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,
Try this css:

@media only screen and (max-width: 767px) { 
#top #header_main .logo {
	width: 60px;
	max-width: 60px;
}
}

Best regards,
Mike

Hey supermanage,
Unfortunately most browsers will not auto play the video on mobile, this is a browser limitation, this is why a fallback image is used.
You can try using the LayerSlider to show your video with autoplay and “Play Muted” enabled, see the screenshots in this thread

Best regards,
Mike

Hi,
When I check in portrait view the logo and link is not overlapping, the slider seems to behind the inner-container div that holds the logo & menu, so you need to bring the slider button to the top with z-index, as pointed out above, not the whole slider as then you won’t be able to click the menu button.
unfortunately tring to override the slider z-index is not working like this:

#slider-88-slide-165-layer-1 {
	z-index: 999 !important;
}

so you need to set this inside on the slider options.
I have not used the revolution sliderI’m not sure where this setting is, perhaps you do, or try checking the revolution slider documentation.

Best regards,
Mike

Hi,
Do you mean on all pages for mobile?

@media only screen and (max-width: 480px) { 
#top #header_main .logo {
	width: 60px;
	max-width: 60px;
}
}

Best regards,
Mike

Hey amyncuih,

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

#top #wrap_all .av_header_transparency #header_meta a {
  color: #fff;
}

Best regards,
Rikard

Hi,
To make the logo link smaller for mobile try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 480px) { 
#top.page-id-11754 #header_main .logo {
	width: 60px;
	max-width: 60px;
}
}

but it also looks like you will need to make the button in the slider come to the fore ground with z-index, try around 99
I have not used the revolution sliderI’m not sure where this setting is, perhaps you do, or try checking the revolution slider documentation.

Best regards,
Mike

Hey Stefan,

Thank you for the inquiry.

You can try this css code:

.responsive #main .container_wrap:first-child {
    position: fixed;
    top: 88px;
    z-index: 999;
    width: 100%;
}

It might require a few adjustments on mobile view.

Best regards,
Ismael

Hi,

Thank you for the update.

1. The Cart and Search buttons a little larger

You can add this css code to make the cart and search icons larger:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #menu-item-shop .cart_dropdown_link {
    font-size: 24px;
  }

  #top #menu-item-search a:before {
    font-size: 30px !important;
  }
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael