Hi Scott,

Sorry again for the late reply. You can create different layouts for different screens sizes by simply copying the existing element, and make the necessary changes to the new element. Then you can select for which screen sizes you want to show or hide them for in the Advanced->Responsive tab in the element options.

The grey background is set to the container_wrap element:

.container_wrap.sidebar_left {
    background: -webkit-gradient(linear,left top,right top,color-stop(red,0.295),color-stop(white,0));
    background: -webkit-linear-gradient(left,#f8f8f8 31.5%,white 0%);
    background: -moz-linear-gradient(left,#f8f8f8 31.5%,white 0%);
    background: -o-linear-gradient(left,#f8f8f8 31.5%,white 0%);
    background: linear-gradient(left,#f8f8f8 31.5%,white 0%);
}

That is likely why you are seeing it, even though the sidebar is not visible. Please try removing or alter that CSS as well.

Best regards,
Rikard

Hi Gabi,

My answer above applies to your question as well. It might be possible, but it would be out of scope of theme support.

Best regards,
Rikard

Hi David,

Sorry for the late reply. You can set the transparency colour of the menu items under Enfold->Header->Transparency Options. In the normal state the settings come from either the main theme settings, or Advanced Styling settings.

Best regards,
Rikard

Hey ESWEENEY113,

Sorry for the late reply. Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

Best regards,
Rikard

Hi,

Thanks for sharing, and for helping out @SearchWP :-)

Best regards,
Rikard

Hi mclweb,

Sorry for the late reply. Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

Best regards,
Rikard

Hi Yvonne,

Thanks for the update, and sorry again for the late reply. Did you also try to activate a different theme? If the same thing happens when another theme is active, then the problem is most likely plugin related, rather than theme related.

Do you have a staging site already? If so, then please give us access to that as well. Also, which version of the theme were you running before this problem started happening? We can help you to roll back to that version, so that your live site will work as intended. After that, then we can update and debug the problem on the staging site, or on our test site.

Best regards,
Rikard

Hi Ryan,

Sorry for the late reply. Please try the following in Quick CSS under Enfold->General Styling:

.page-id-6963 #av_section_2 .togglecontainer {
    margin: 10px 0;
}

Best regards,
Rikard

Hey vanosome,

Sorry for the problem, and sorry for the late reply. I see that you are running an old version of the theme, could you try to update to the latest version (4.8.1) to see if that helps please? The update to 4.8.x 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 use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/

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

Hey maxh_muc,

Great, I’m glad that you found the problem, and 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

Hey creativecrowddigital,

Please try this in your functions.php file:

remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
 add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 1);

Best regards,
Rikard

Hi,

Thanks for the login details. I’ve added this to your Quick CSS:

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.iconbox_icon {
  float: none !important;
}
}

Please review your site.

Best regards,
Rikard

Hi,

Thanks for that. I tried reproducing your results on GTMetrix, but I was unable to do so. Please see screenshot in private. How can we reproduce the problem which your screenshot shows?

Best regards,
Rikard

Hi,

Thanks for the screenshot. Please try to add your layout in a new page, then load it into the next page using the Page Content element. Doing it that way means that you only have to edit it in one place. You will find the Page Content element in the Content elements tab.

Best regards,
Rikard

Hi,

Thanks for the update. I’ve modified the CSS for you, it’s working and applying to your site now. Please review it.

Best regards,
Rikard