Hi,

To fix it, just add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS

#top .avia-layerslider .ls-wp-container {
    margin: 0px auto 0px -68px !important;
}

Best regards,
John Torvik

Hi,

If you don’t see the code, try here.

Best regards,
Victoria

Hi andrzejkozdeba,

Try adding this css to you enfold/custom.css or in Quick css:

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header.header-scrolled  {
        position: fixed;
    }
}

Let us know if this was helpful.
Best regards,
Victoria

Hey BPC,

Try adding this to quick css and let me know if it works:

#top .product_column_4 .products .product {
    margin: 0 9% 1% 0!important;
    width: 17.8%!important;
}

Best regards,
Jordan Shannon

• This reply was modified 8 years, 11 months ago by Jordan Shannon.

Hi,

I put the following in quick css:

.page-id-254 .content{
padding-top:0px !important;
padding-bottom:0px !important;
}

.container_wrap{
border-top:none!important;
}

It seems to have fixed your issue. Please test to confirm.

Best regards,
Jordan Shannon

Hi,

Unfortunately it’s a bit complicated for class-breadcrumb.php to be replaced by copying from Enfold and pasting in the child theme, though some are easy to override but some of it doesn’t work. I’m not sure what you want to change but it might be answered in this thread https://kriesi.at/support/topic/change-safely-breadcrumbs-without-changing-anything-in-future-updates/

Best regards,
Nikko

Hi,

You’re welcome. Try adding this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #top .av_one_half, 
  #top .flex_column {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
}

:)

Best regards,
Nikko

Hey luckylobo10,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #top .av_slideshow_full .avia-slideshow-inner {
    height: 300px !important;
  }

  #top .av_slideshow_full li img {
    height: 300px;
    width: auto;
    max-width: none;
  }

  #top .av_slideshow_full .slideshow_caption {
    padding-top: 20px !important;
  }
}

Hope this helps :)

Best regards,
Nikko

Hi,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

.html_header_top.html_header_sticky #header {
    position: absolute !important;
}

Hope this helps :)

Best regards,
Nikko

Hey eknitwear,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

#top .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1 !important;
}

Hope this helps :)

Best regards,
Nikko

Hi,

Let us know if you need more help on this topic? :)

Best regards,
Nikko

Hi,

Try to enable Custom Css Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ then on pages that is short of content, try to add a class on the section for example, put custom_section as class. Then on Quick CSS (located in Enfold > General Styling), add this css code:

#top .custom_section {
    min-height: 64vh;
}

Let us know if this helps :)

Best regards,
Nikko