Hi VCS33,

Here is a thread for you to consider about closing the flyout
https://kriesi.at/support/topic/close-mobile-menu-by-clicking-on-active-navigation-item/

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.html_av-overlay-side-minimal #top .av-burger-overlay .sub-menu {
    text-indent: 20px;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi Lara,

Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

If you need further assistance please let us know.
Best regards,
Victoria

Hi comecheu,

Which page is it happening on?
Could you please enable the Advanced Layout Builder debug mode. Here is how to do it: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

Best regards,
Victoria

Hi hannakor,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.js_active .av-minimum-height .container {
  opacity: 1;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hey Micheal0424,

Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

Best regards,
Victoria

Hey AlpineWeb,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width: 990px) {
  .responsive .container.av-logo-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    right: 0;
  }
  .html_header_top.html_logo_center .logo,
  .html_header_top.html_logo_center .logo a {
    overflow: visible;
     width: 100%;
    max-width: 100%;
  }
  .html_header_top.html_logo_center .logo img {
    margin-right: -2em;
    width: 90vw;
    max-width: 111%;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hey webWahine,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width: 768px) {
  .av-layout-tab {
    padding: 0;
  }
  .av-hotspot-container-inner-wrap img {
      margin: 0px -4em;
      width: 115%;
      max-width: inherit;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi Blanche,

Thank you.

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width: 768px) and (max-width: 990px) {
  .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .avia-slideshow-inner {
    height: 290px;
  }
  .av_slideshow_full li img {
    height: 290px;
    width: 175%;
    max-width: inherit;
  }
  #top .avia-slideshow-button.avia-color-light {
      padding: 7px 10px;
      margin-top: 15px;
  }
  .avia-multi-slideshow-button.avia-slideshow-button {
      margin-right: 10px;
  }
  #top .avia-slideshow-button.avia-color-light.avia-button {
      font-size: 18px !important;
  }
  .responsive #top .slideshow_caption h2 {
    font-size: 26px !important;
 }

}

If you need further assistance please let us know.

Best regards,
Victoria

Hi DStoeckl,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media screen and (max-width: 988px) {
  #header_main .main_menu .avia-menu {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .html_header_sidebar #header .av-main-nav > li#menu-item-760,
   .html_header_sidebar #header .av-main-nav > li#menu-item-1040 {
    display: none !important;
  }
}

If you need further assistance please let us know.
Best regards,
Victoria

Hi ezfl0w,

Please feel free to request such feature at our feature request system: https://kriesi.at/support/enfold-feature-requests/

This system allows us to keep track of user suggestions and lets you vote on the feature you would like to see the most. I am afraid though there is no guarantee that a feature will get implemented.

If you need further assistance please let us know.
Best regards,
Victoria

Hey DROR,

I do not see what alignment is broken by this code, can you please attach a screenshot?
You can add the page id class as below and the code will affect only this page:

@media only screen and (max-width: 449px) {
      .page-id-18798 .avia-image-container.avia-align-center .avia-image-container-inner {
          width: 123.4% !important;
          max-width: 130%;
          left: 11.6%;
      }
}

If you need further assistance please let us know.
Best regards,
Victoria

Hi Benoit,

Here is a thread for you to consider:

If you need further assistance please let us know.
Best regards,
Victoria

Hi HeeHA,

I do not see the second menu anywhere, have you added it yet? Is it on a certain page?
Could you please attach a mockup of what you’re trying to achieve?

Best regards,
Victoria

Hi Jarred,

I’ve added some code in functions.php and the notices are gone.

If you need further assistance please let us know.
Best regards,
Victoria

Hey Jigar Shah,

Thank you for letting us know.

I forwarded your request to Kriesi.

If you need further assistance please let us know.
Best regards,
Victoria