Hi,
Sorry for the late reply, for the homepage socket please try this css in your quick css field:

@media only screen and (max-width: 767px) {
#top.home #socket > div {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
}

For your footer widgets, at 768px, please see the first screenshot below it highlights the margin-left of the columns to give a better view of the column widths. So this is using:

margin-left: 6%;
    width: 20.5%;

In the second screenshot, I tried to max the column width and reduced the margin to 1%, but it is not enough for your link “MANAGED VULNERABILITY” to form one line.

margin-left: 1%;
    width: 24%;

The widgets don’t have any inner padding or margin that can be removed, so for this screen width and the length of these links, they don’t fit.

Best regards,
Mike

Hi,
Thank you for the feedback, for the socket I added this css to your quick css:

#socket > div {
  display: flex !important; 
  flex-wrap: wrap !important; 
}
#socket .social_bookmarks {
    float: none !important;
    margin: auto !important;
    position: relative;
    width: 100%;
    display: flex !important;
    justify-content: center;
}
#socket .sub_menu_socket {
    float: none !important;
    margin: auto !important;
}
#socket #avia3-menu {
	margin-left: 0px !important;
    justify-content: center;
    display: flex !important;
}

#socket > div > .copyright {
      order: 3 !important;
      padding-top: 20px;
}

#socket > div > .social_bookmarks {
      order: 2 !important;
}
#socket > div > nav {
      order: 1 !important; 
      padding-top: 0 !important;
}

This centers the items and orders the menu first, then the social icons, and the copyright last, please see the screenshot in the Private Content area, and clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the link, this is a nice looking setup, but it is a custom solution. I would recommend looking for a plugin to achieve this or similar.

Best regards,
Mike

Hi,
Thank you for the feedback, I tried to recreate your product list example on my localhost but my product list shows like this:

and not like your page, do you have other customizations to create this view?

Best regards,
Mike

Hi,
Glad to hear you were able to sort this out, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Yes you can, in css rules a comma is used between rules so to have more than one page in this rule you would write it like this:

#top.page-id-3982 .main_color, #top.page-id-3982 .footer_color,
#top.page-id-3972 .main_color, #top.page-id-3972 .footer_color,
#top.page-id-4007 .main_color, #top.page-id-4007 .footer_color
{ background:#cccccc!important; }

Best regards,
Mike

Hi,
Thanks for the feedback, I rechecked the “\enfold\config-woocommerce\config.php” file and found that the “add to cart” function includes the “show details” function. Unfortunately, I don’t see how to hide one and not the other.
I did find this plugin: MMWD Remove Add To Cart for WooCommerce that may be worth a try. Otherwise, I will ask the rest of the team for ideas. Perhaps I could do this with css, but I feel you would prefer using a function?

Best regards,
Mike

Hi,
In the theme options Enfold Theme Options > Performance > Responsive Images And Lazy Loading is the sitewide option to enable lazy loading, and while many elements have an option to disable lazy loading, the default option is “on” based on this setting.
Thank you for the screenshots, but I’m having trouble seeing the difference between the two. What I had done was to add the closing H6 tags to the mega menu items under “Nos Unvers”, doing this showed a gold border around the image and H6 text, from earlier I realized that this was not ok, so I adjusted this css to change that border to zero px, thus not showing:

/*Bordure des images*/
.avia_mega_div > .sub-menu li > span.mega_menu_title > a:nth-child(1) {border: solid 0px #cca752!important;}

Best regards,
Mike

Hey Szczepan,
Sorry for the very late reply, I tested the solution you linked to on a new install, but I didn’t get any errors when saving a single product. Was the above error from a debug log?
Is your product page a default woocommerce page or are you building it with the Advanced Layout Builder?

Best regards,
Mike

Hey Chris,
Sorry for the very late reply and thanks for the links. As I understand your issue, these thumbnails are not showing below the layerslider:

I tested with Chrome, Firefox, & Edge on Windows 10, but each showed & worked for me.
Are you still having this issue?

Best regards,
Mike

Hey Talker77,
Sorry for the very late reply and thanks for the link. I tried to add an item to your cart and then I changed the number of items, but the cart amount was adjusted, and then when I went to the checkout the new amount was shown.
Perhaps I’m not looking in the right place, please see the screenshots in the Private Content area.

Best regards,
Mike

Hi,
Sorry for the very late reply and thanks for the links. To adjust your css for a certain page you can add the page ID like this

@media only screen and (max-width: 767px){ 
	#top.page-id-3982 .main_color, #top.page-id-3982 .footer_color{ background:#cccccc!important; }
}

As for your last question, you can change the background color for mobile only, or desktop only, or both.
The css above is for mobile only, this would be for tablet & desktop only:

@media only screen and (min-width: 768px){ 
	#top.page-id-3982 .main_color, #top.page-id-3982 .footer_color{ background:#cccccc!important; }
}

this would be for both:

	#top.page-id-3982 .main_color, #top.page-id-3982 .footer_color{ background:#cccccc!important; }

I hope this answers your question.

Best regards,
Mike

Hi,
Sorry for the very late reply and thanks for the links. I went to the page in your video but the button didn’t behave as in your video so I couldn’t inspect the css rules for hove on this button. I checked with Chrome on Windows 10, is this still occurring for you and if so which browser are you using?
On your test site, I assume you know how to use the widgets to setup the footer:

To adjust the socket as to your mockup please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#socket > div {
  display: flex !important; 
  flex-wrap: wrap !important; 
}
#socket > div > center {
      order: 3 !important;
      width: 100% !important;
}
#socket > div > ul {
      order: 2 !important;
      width: 100% !important;
    justify-content: center;
}
#socket > div > nav {
      order: 1 !important; 
}

#socket .social_bookmarks {
    float: none !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center;
}
#socket .copyright {
    float: none !important;
}
#socket .sub_menu_socket {
    width: 100% !important;
    display: flex !important;
    justify-content: center;
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hey Carsten,
Sorry for the very late reply, Try adding this code to the end of your functions.php file in Appearance > Editor:

add_filter( 'the_title', 'do_shortcode' );

Then install this plugin: Date Published Shortcode
Then add this shotcode to your portfolio title: [post_published]

This was the result of my test:

Best regards,
Mike