Hey dave frucella,
Thank you for contacting us, Enfold is $59, and only available at Theme Forest
Please see the demos that are included
If you would like to see Enfold in action, please see this user submitted video.
Let us know if you have any other questions, and we look forward to seeing what you build with Enfold.

Best regards,
Mike

Hey bruwa,
Your css looks correct, please try it in the WordPress > Customize > Additional CSS field, and clear your browser cache, if this doesn’t help please link to your site so we can test.
I assume we can enter fake info to get to the screen you are talking about?

Best regards,
Mike

Hey bruwa,
Please try this code in the General Styling > Quick CSS field:

.av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
    visibility: hidden !important; 
    background-color: transparent !important; 
    border-color: transparent !important; 
}

If this doesn’t help please include the url to the page in question so we can take a closer look.

Best regards,
Mike

Hi,
Please try this solution for adding a down arrow to a layerslider, I have just tested to ensure that it works.
Please add a new html layer to your slide, and drag it into place and resize it to around 60px square, it doesn’t need to be exact.
Then in the layerslider content box for the html layer, please add:

<a href="#next-section" title="" class="scroll-down-link" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>

and save.
If you add any more layers afterwards, such as a overlay, ensure the html layer is on top so you can click it.

Best regards,
Mike

Hi,
I check your site on another Android, and found the text was a gray, but I have not seen this on other sites.
Please try this css in your WordPress > Customize > Additional CSS

.main_color p {color: rgba(0, 0, 0, 1) !important; }

If this doesn’t help, please include a admin login in the private content area so we can take a closer look.

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 under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hey philippmosqueira,
I took a look at your site and found that your file permissions were not correct, so I changed your folders to 755 & files to 644.
Then I tried uploading the enfold theme, but the default permissions settings on the server creates folders with 705 & files with 604, so during the upload each directory is created with incorrect permissions that won’t allow a sub-directory, and this is why you are getting the error.
While I did change the file permissions on the first level sub-directories, it would be too much to do so for every sub-directory, and I believe this will cause you issues in the future.
Please ask your webhost to change the default file permissions for created folders & files, so you can upload the theme correctly.

Best regards,
Mike

Hey Adi,
Please try this code in the General Styling > Quick CSS field:

#top.home #main .container,#main main {
padding: 0px !important;
}
#top.home .avia-slideshow-inner .slide-1 {
margin: 0px !important; 
}

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

.blog-categories.minor-meta {
display: none !important;
}

Best regards,
Mike

Hey caweint,
I have taken a look and I believe I see it, it’s very hard to see.
but I examined all of the elements, and found everything is 100%.
Could it be in the svg? Please try testing with a jpg or try trimming the edges off of the svg

Best regards,
Mike

Hi,
To replace the h2 tag in your slider with h1, try adding this code to the end of your functions.php file in Appearance > Editor:

function slider_h2_to_h1(){
  ?>
  <script>
  jQuery(window).load(function(){
  var el = document.querySelector('.avia-caption-title');
        el.outerHTML = '<h1 class="avia-caption-title ">' + el.innerHTML + '</h1>';
  });
  
  </script>
  <?php
  }
  add_action('wp_footer', 'slider_h2_to_h1');

then add this code in the General Styling > Quick CSS field to style your new h1:

.avia-caption-title {
color: #fff !important;
font-size: 50px !important;
}

please adjust to suit.

Best regards,
Mike

Hi,
Sorry, I’ve been trying different scripts and methods to solve this, and I have not found one to work.
I will ask the rest of the team for ideas.
Thanks for your patience.

Best regards,
Mike

Hi,
I see the fallback image is showing, this is the correct action for videos on mobile.
You can see this setting in your slide show element under your video link.
Clicking on the image plays the video. The best action would be to change your image to include a video play button. The next best action would be to remove the fallback image, but that may leave a blank space on some devices, that won’t load the video.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 479px) {
.responsive table.shop_table.cart .product-thumbnail {
    display: block !important; 
    width: 180px !important; 
}
}
@media only screen and (max-width: 767px) {
.responsive table.shop_table .product-thumbnail {
    display: block !important; 
    width: 180px !important; 
}
}

Please adjust image width to suit.

Best regards,
Mike

Hi,
I removed the css so we could work on a different solution and have the team look at it to advise, without trying to overcome the css I wrote.
I see you added it back though, it would be nice if you removed it.
Today I have a new solution for the image in the green section:

#top.page-id-1016 #av_section_3 .container {
padding: 0px !important;
}
#top.page-id-1016 .avia-builder-el-15 img {
    height: 100%!important; 
    object-fit: cover; 
}
#top.page-id-1016 .avia-builder-el-12 {
padding-top: 0px !important;
}

This fills the container with the image starting around 1300px when the image aspect allows, at higher screen sizes the image is 100% wide (it’s own width) and the height fills the container.
The image will be 100% high all the way down to the mobile brake point, when the image goes below the text.
The problem is that at tablet screen size the font of the white text is too big so it goes to the edge of the screen, and adding padding forces the container larger, which gives the green strip over the image.
This is why the other code needed the “white text” rule that you removed.
So please try this new code above, and see that the image is filling good now. If you want help making the text a little smaller for tablet so it doesn’t go to the edge, let us know.

Now for mobile screens, you will see that the image doesn’t go to the edge left & right, this is because of the section margin, and removing it will make the text also go to the edge of the screen, so to correct this we will need to add a rule for the white text, like before. If you would like help with this please let us know.

As for:

.entry-content p {
margin: 20px 0;
}

I removed it before with no issues, and I commented it out (made it useless) again now with no issues.
It only adds about 10px margin to the top of paragraphs. Perhaps you had a issue removing it because you also removed some of the rule before or after? I’m not sure why you would add it back after I removed it?

Best regards,
Mike