Hi Teoweb1,

Yes, it will, better not to deactivate the session support.

Best regards,
Victoria

Hi BodyTalkCare,

https://cl.ly/03311733033S This is the code in quick css , it is on top of all the other code, why is it there, do you know? You need to remove it.

Best regards,
Victoria

Hi jleclair87,

The html is correct and it is rendered, I added some css to your quick css and the icons are there now. You can edit the widget title.

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

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