Hi,

Thank you for the update.

The “Market Platform” column is empty as you can see in the screenshot below, so we are not really sure what to check.

Screenshot: https://imgur.com/yucaMJL

We may need to access the dashboard and check the menu settings in order to properly understand the issue.

Best regards,
Ismael

Hey breezemedia,

Thank you for opening a new thread.

We automatically close threads, specially olds ones, if someone else aside from the OP re-opened it. So we recommend opening your own thread instead of replying to an existing one.

To fix the issue with the overlay, please remove the previous css code, then use the following css instead.

.avia-slideshow li .avia-slide-wrap > div:before {
    content: '';
    display: block;
    width: 100%;
    height: 600px;
    background: -moz-linear-gradient(left,rgba(236,110,0,0.75) 0%,rgba(234,172,124,0.57) 24%,rgba(255,255,255,0.25) 66%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,rgba(236,110,0,0.75) 0%,rgba(234,172,124,0.57) 24%,rgba(255,255,255,0.25) 66%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(236,110,0,0.75) 0%,rgba(234,172,124,0.57) 24%,rgba(255,255,255,0.25) 66%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfec6e00',endColorstr='#00ffffff',GradientType=1 );
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.avia-slideshow li .avia-slide-wrap > div .caption_container {
    z-index: 2000;
}

This is how the slider should look like after applying the css.

Screenshot: https://imgur.com/VQd2JMN

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css or before checking the page.

Best regards,
Ismael

Hey noellmn,

Thank you for the inquiry.

Looks like you are using a different privacy message bar now. How did you enable it? We cannot find the name of the plugin or extension, so it must have been added manually using a script.

Best regards,
Ismael

Hey jb84,

Thank you for the inquiry.

This is the actual image (see private field) used in the slider. Is the original image much sharper than this thumbnail or image? Please provide the original image so that we can upload and check it on our installation.

Best regards,
Ismael

Hey Angèle,

Thank you for the inquiry.

There is a known issue with fixed elements on iOS devices. You may need to set the background attachment back to scroll on tablet view. Try to add this code in the Quick CSS field.

@media only screen and (max-width: 989px) {
    .flex_cell.avia-full-contain {
        background-size: cover !important;
        background-attachment: scroll !important;
        background-position: 10% 50% !important;
    }
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings before checking.

This is how the page should look after adding the css.

Screenshot: https://imgur.com/EbP9Kjr

Best regards,
Ismael

Hey ppi37,

Thank you for the inquiry.

The price filter is displaying correctly on our end. Please check the screenshot below.

Screenshot: https://imgur.com/Nms3y7P

The filter should display automatically as long as the Filter Products by Price widget is located in the Shop Overview Page widget area, and that the category page is using the default product grid template.

Best regards,
Ismael

Hey dtilley63,

Thank you for the inquiry.

It seems to be an issue with the logo inside the main header. Please update the theme to version 4.8.7.1, then try to upload the logo again in the Enfold > Theme Options. Make sure to remove the previous logo beforehand.

Screenshot of the issue. https://imgur.com/Kr1VxMK

Temporarily, you can add this css code to limit the height of the header on mobile view.

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .main_menu, .responsive #top #wrap_all .av-logo-container, .responsive #top #wrap_all .av-logo-container a img {
        height: 80px !important;
        line-height: 80px !important;
    }
}

Best regards,
Ismael

Hi,

Thank you for the info.

Yon can use this code in the Enfold > General Styling > Quick CSS field to stack the sort button above each other.

#top div.container .av-masonry .av-masonry-sort .text-sep {
    display: none;
}

#top div.container .av-masonry .av-masonry-sort a {
    display: block;
    text-align: left;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Try to use this css code to adjust the z-index of the sliders.

.avia-slideshow-inner li {
    z-index: 200;
}

If you need further help, please feel free to open another thread. We will close this one for now.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the info.

Why did you add the echo function before each line? We placed a closing PHP tag after declaring the function name so that we could embed the script tag directly. Anyway, we adjusted the code in the functions.php file a bit and added a selector for the icon link (.av_font_icon a). This should work correctly now.

Please make sure to purge the cache or do a hard refresh before testing the page. The page should reload after clicking the close button.

Best regards,
Ismael

Hey lamplight1508,

Thank you for the inquiry.

Did you toggle the Enfold > Layout Builder > Integrated (Bundled) LayerSlider Plugin settings before? The layer slider is not getting added to the page but we are not seeing any kind of errors. Is it alright if we deactivate the plugins temporarily?

Best regards,
Ismael

Hi,

Thank you for the update.

We adjusted the css code in the style.css file a bit. Please make sure to purge the cache before checking the page. This is the new css code.

#menu-item-581 .avia_mega_div {
    width: calc(100vw - 100px) !important;
}

@media only screen and (min-width: 1280px) {
	#menu-item-581 .avia_mega_div {
		width: calc(100vw) !important;
		right: -115px !important;
		left: auto !important;
	}
}

#menu-item-581 .mega_menu_title {
    display: none;
}

Best regards,
Ismael

Hi,

Thank you for the clarification.

Where can we check the page? Please provide the URL in the private field. You may need to purge the cache and remove the browser history before checking the page. Also, please note that the script will only work when you actually click the close (x) button.

Best regards,
Ismael

Hi,

Thank you for the update.

Try to remove the image from the menu item temporarily, then use this css code to insert an icon font inside the login menu item. The icon font should automatically switch color when the header changes or when scrolling down or up.

#menu-item-8683 a:before {
    font-family: 'entypo-fontello';
    content: "";
    font-size: 26px;
}

#menu-item-8683 .avia-menu-text {
    display: none;
}

Best regards,
Ismael

Hi,

As shown in the screenshot above, the modification is working properly on our installation, so there might be something in your site that is conflicting with the filter. Unfortunately, we cannot figure out what that is. Adding two masonry element above each other should be a valid solution.

Thank you for your patience.

Best regards,
Ismael