Hi,
Is this going to be for the homepage only?
I recommend adding a custom class or ID to each column element to have better control, but here is an example of overriding the column brake points for your page now:

@media only screen and (max-width: 768px) { 
#top.home .flex_column.no_margin.av_two_fifth {
    width: 40% !important; 
    float: left !important; 
}
#top.home .flex_column.no_margin.av_three_fifth {
    width: 60% !important; 
    float: right !important;
}
#top.home .flex_column.no_margin.av_two_fifth.avia-builder-el-11 {
    width: 40% !important; 
    float: left !important; 
}
#top.home .flex_column.no_margin.av_two_fifth.avia-builder-el-14 {
    width: 40% !important; 
    float: right !important;
}
}

note that for your two 2/5 middle columns I used the element classes, but these change every time you update the page, so while it works as an example, you really should add custom classes.
Also you will want to add some padding, but this should be a good starting point for you.

Best regards,
Mike

Hi,
As you point out there is no “hover” for touch devices, and in order to simulate this, or add touch events, will have to be done with jQuery. This would take some considerable script writing, which would be beyond or scope here. But I’m sure you can hire a freelancer on Upwork to do it for you reasonably. Here is a good starting point for the script.
Another option would be to add a swipe event

But if you just want to remove the overlay, this css is working in my tests:

.avia_mobile .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content {
    display: none !important;
}

I hope this helps.

Best regards,
Mike

Hi,
Oh, I see. No Enfold doesn’t have a built-in function for that, did you find a plugin that allows posting from the front end?
These are the ones I found: Frontend Posting Plugins But I don’t have any experience with them.

Best regards,
Mike

Hi,
If I understand the issue correctly, your video is not playing on Android Firefox, yet I tested on my Android Firefox & Chrome and the video played good. I have made no privacy browser settings on either, have you tried resetting the browsers to the default settings & clear your browser cache? I also tested on desktop Chrome, Firefox, Edge & IE11 and found no issues playing the video.

Best regards,
Mike

Hi,
I hope you don’t mind, I took a different approach to adding the hr with the icon, I added this code to the end of your functions.php file in Appearance > Editor:

function custom_sidebar_hr(){
  ?>
  <script>
  jQuery(window).load(function(){
  jQuery( '<div class="hr hr-short hr-center side-bar"><span class="hr-inner "><span class="hr-inner-style"></span></span></div>' ).insertAfter( '#newsbox-2 li.news-content' );
  });
  </script>
  <?php
  }
  add_action('wp_footer', 'custom_sidebar_hr');

and I added this css to your Quick CSS

.hr.hr-short.hr-center.side-bar {
margin: 0px !important;
}
.hr-short.side-bar .hr-inner {
    width: 90% !important; 
    left: 15% !important; 
}

Please clear your browser cache and check.

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

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 DJQuad,
To clear all of Enfold’s css for tables, please go to: \enfold\css\base.css and comment out lines 272 – 324
It starts like this:

/* #Table
================================================== */
table {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 13px;
}

to comment out css add a /* at the start, and a */ at the end, like this:

/*
table {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 13px;
}
*/

Best regards,
Mike

Hi,
Thank you for the login, I checked your css and found that you were missing a }
I added it and now Vinay’s code works.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
This is the css causing it:

#top .all_colors u, #top .all_colors span[style*='underline;']{color:#719430;line-height:1.4em;font-family: 'Caveat', 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration:none !important;display:inline-block;}

Please try this code in the General Styling > Quick CSS field, or in the WordPress > Customize > Additional CSS:

#top .all_colors .av_textblock_section p span[style*='underline;']{
color: inherit !important; 
line-height: inherit !important; 
font-family: inherit !important;
text-decoration: underline !important;
display:inline-block;
}

Best regards,
Mike

Hi,
Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hey sommersystems,
I took a look and see you are getting this error from your server:

Failed to load resource: the server responded with a status of 403 (Forbidden)

Please see this article: Fixing 403 Forbidden Error

Best regards,
Mike

Hi,
Glad Vinay could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hey sandrameyer,
To hide the form labels open your mailchimp element & go to the form styling tab and check the Hide Form Labels box:
This will make the form use gray placeholder text instead.
To change the font, Please try this code in the General Styling > Quick CSS field:

::-webkit-input-placeholder {
    color: #919191 !important;
    font-family: Roboto !important; 
    font-size: 10px !important;
}
:-moz-placeholder {
    color: #919191 !important;
    font-family: Roboto !important; 
    font-size: 10px !important;
}
::-moz-placeholder {
    color: #919191 !important;
    font-family: Roboto !important; 
    font-size: 10px !important;
}
:-ms-input-placeholder {
    color: #919191 !important;
    font-family: Roboto !important; 
    font-size: 10px !important;
}

Best regards,
Mike

Hi,
I took a look at your site and I notice this warning when I click on your image, while the lightbox is trying to open

VM5738 wpforms-form-abandonment.min.js:1 Resource interpreted as Document but transferred with MIME type image/jpeg: "your-ulr/wp-content/uploads/2014/02/rectangular-gallery_0000_main_mlc_on_chairlift.jpg.jpg".
abandonClick @ VM5738 wpforms-form-abandonment.min.js:1
dispatch @ VM5679 jquery.js:3
r.handle @ VM5679 jquery.js:3
Navigated to your-url/wp-content/uploads/2014/02/rectangular-gallery_0000_main_mlc_on_chairlift.jpg.jpg

I believe your “Form Abandonment Addon” for WPForms is redirecting the lightbox clicks, please try ddisabling the addon and/or WPforms temporary to test.

Best regards,
Mike