Hey!

Thank you for using Enfold. And we are very sorry for the late response.

How do you want the plugin output or the grid to look like? How many columns are you expecting? We can help with the styling modification but you should contact the plugin author for additional help. Please try these css codes:

ul.products.list li.product h3, ul.products.list li.product div[itemprop="description"], ul.products.list li.product .price, ul.products.list li.product .gridlist-buttonwrap {
    width: 100%;
    float: right;
    clear: none;
    padding: 10px 20px;
}

#top .thumbnail_container img {
    margin: 0 auto !important;
    float: none !important;
}

Cheers!
Ismael

Hi,

No problem, let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Glad you got it working and thanks for sharing your solution :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Great, glad you got it working and thanks for sharing your solution :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Great, glad we could help. Yigit is a genius :D

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hey pandaweb,
I believe what you are seeing is the masonry animation, I see what you are talking about only if I scroll to the bottom of the page and refresh. This is because the masonry animation is scroll triggered.
If you believe your visitors will be refreshing at the bottom of the page, and would like to remove the animation try to use this code in the General Styling > Quick CSS field:

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

Best regards,
Mike

Hi,
I believe you are using the “Fullscreen Slider” which scales to height, try the “Fullwidth Easy Slider” which scales to width.
Here is a test I did for you:

Best regards,
Mike

Hi,
Ok, we will use the copyright socket as your left statement (Enfold Theme Options > Footer > Copyright)
and for your right statement we will create a footer menu going to Appearance > Menus > Create a New Menu and name it “footer” and click create menu. Add a new custom link with “#” as URL and enter your text as navigation label and then check “Enfold footer menu” under Menu settings. Then click “Screen options” on the top right corner and check “CSS classes” and then give your footer menu (custom text) a custom class (‘ianazi’ for example) then please add following code to Quick CSS in Enfold theme options under General Styling tab.

.ianazi { pointer-events: none !important; }

Best regards,
Mike

Hi Dave,
Ok, lets try adding this code to your functions.php to hide the logo on scroll:
For Logo left, menu right & logo right, menu left

function add_hide_logo(){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 100) jQuery('.logo').fadeOut('slow');
if(jQuery(this).scrollTop() < 100) jQuery('.logo').fadeIn('slow');
});
</script>
<?php
}
add_action('wp_footer', 'add_hide_logo');

For Logo center, menu below:

function add_hide_logo(){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 100) jQuery('.container.av-logo-container').fadeOut('slow');
if(jQuery(this).scrollTop() < 100) jQuery('.container.av-logo-container').fadeIn('slow');
});
</script>
<?php
}
add_action('wp_footer', 'add_hide_logo');

When editing functions.php you should use the child theme, Read about it & Get it here

Best regards,
Mike

Hi Mike,
Ok, lets start over (undo above) by adding this code to your functions.php to hide the logo on scroll:

function add_hide_logo(){
?>
<script>
jQuery(window).scroll(function(){
if(jQuery(this).scrollTop() > 100) jQuery('.container.av-logo-container').fadeOut('slow');
if(jQuery(this).scrollTop() < 100) jQuery('.container.av-logo-container').fadeIn('slow');
});
</script>
<?php
}
add_action('wp_footer', 'add_hide_logo');

When editing functions.php you should use the child theme, Read about it & Get it here
Best regards,
Mike

Hey Andreas,
Thank you for using Enfold.
Please refer to this post:
https://kriesi.at/support/topic/missingkeymaperror-doesnt-work/#post-681054
Best regards,
Mike

Hey inertia05,
Thank you for using Enfold.
use this code in the General Styling > Quick CSS field:

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

Best regards,
Mike

Hi,
I have found that this issue has been reported by people using Godaddy Managed WordPress, if this is your case the solution seems to call them for a cache flush on their end. Please read more here.

Best regards,
Mike

Hey KVSchneppenheim,
You can add following code to Quick CSS in Enfold theme options under General Styling tab

ul#avia-menu { position: relative; top: -50px; }
#header_main_alternate { z-index: 4; }

and then add a menu item in the middle and set its opacity to 0 with following code

li#menu-item-117 .avia-menu-text, li#menu-item-117 .avia-menu-fx { opacity: 0; }

This would be a way to achieve what you are looking for and you could use it as a starting point. You can also try adding margin to right or left of menu items to increase the gap. You can request customization here, as this kind of customization as it is beyond the scope of support we can provide here.

Best regards,
Mike

Hi,

Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hey inaudit,

Ok, thanks for the feedback. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi Jacopo,

Great, thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard