Hi,
Sorry for the late reply, you can try this css:

@media only screen and (max-width: 767px) { 
.avia-table td:before {
	display: none !important;
}
}

If this doesn’t help then please let us know when we can see your site to target the correct sectors for your site.

Best regards,
Mike

Hi,
Sorry for the late reply, so I added the custom class “three_columns” to your css:

.flex_column.av_one_third.three_columns {
webkit-transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1);
    transition: transform .15s cubic-bezier(.4,0,.2,1),
    -webkit-transform .15s cubic-bezier(.4,0,.2,1);
}
.flex_column.av_one_third.three_columns:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

then I added the custom class to your columns on your homepage and your portfolio page:

now only the three columns on your homepage and portfolio page grow on hover, please clear your browser cache and check.

Best regards,
Mike

Hi,
I added this to your custom.css so the font would load from your site and show:

@font-face {
    font-family: 'entypo-fontello';
   src: url('https://your-site.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff') format('woff2'),
         url('https://your-site.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff2') format('woff'),
         url('https://your-site.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback, please try adding two new social icon profiles by following these steps then go to Fontello and upload SVG icon versions of your flags to be converted into the icon font:

Then these will be next to your other social icons and you will be able to add links in the social profiles in the theme options.

Best regards,
Mike

Hi,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#main > div.main_color.container_wrap_first.container_wrap.sidebar_left > div {
	    background-color: gray;
}
#main > div.main_color.container_wrap_first.container_wrap.sidebar_left > div > main {
	background-color: #fff !important;
}

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

Best regards,
Mike

Hi,
Sorry for the late reply, looking at your gallery in the middle of your homepage with the “london eye” I believe what you would like to do is have the gallery image’s white border turn the red on hover. So please remove this css:

#top div .avia-gallery {
    background-color: red;
}

and try this instead:

#top.home div .avia-gallery .avia-gallery-big:hover {
    background-color: red;
}
#top.home .avia-gallery .avia-gallery-thumb a img:hover{
	background-color: red;
}

Expected results, large image on hover:

small image on hover:

Is this what you had in mind?

Best regards,
Mike

Hi,
To remove your empty menu area on your homepage we can hide the ID and adjust the height with this css:

#top.home #header_main_alternate {
	display: none !important;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top.home #main {
    padding-top: 158px !important; 
}

To change the image of “nordic” on hover, please try this css:

#top.home .flex_column.av_one_half.nordic:hover {
  background: url(https://[see-below]/wp-content/uploads/2014/12/f-G-Nepal-blue-diamond.jpg) !important; 
  background-repeat: no-repeat !important; 
  background-size: cover !important; 
  background-position: 50% 50% !important; 
}

please change the domain “[see-below]” in the css above with the domain in the Private Content area, or use your own image url.

Best regards,
Mike

Hi,
Thank you for the feedback, I’m not able to login to investigate at the normal login url: /wp-admin/ I just get a blank screen.
Is your login different or are you blocking some countries?

Best regards,
Mike

Hi,
Thanks for the test page, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-1038 #layer_slider_1 {
	z-index: 0;
}
#top.page-id-1038 #after_layer_slider_1 > div > div > div > div > div {
	z-index: 99;
    position: relative;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your feedback, so for the 4 images on your home page that are also links you can add this css to make them white on hover, I used rgba(255, 255, 255, .8) so it’s 80% white, but you can change the last number to make it more or less white.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.home .flex_column.av_one_half.avia-link-column-hover:hover:before {
  content:"";
  display: block;
  height: 100%;
  position: absolute;
  visibility: visible !important; 
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, .8)!important; 
}

After applying the css, Please clear your browser cache and check.

The reason your floating button’s z-index is not on top of all of your elements is because of the stacking order of the page, that is since your button is at the top of the page elements later are still stacked on top. To correct please move your button down to above the footer, your css will still place it in it’s fixed position and it will be on top of the elements.
I tested this with jQuery and it works, if you want to try the jQuery I tested with then add this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($) {
  $(document).ready(function(){
     $('.avia-button-wrap.avia-button-right.floating').detach().insertBefore('#footer');
  });
 })(jQuery);
 </script>
<?php
}
add_action('wp_footer', 'custom_script');

you will need to keep your button css in place.

Best regards,
Mike

Hi,
Glad that Nikko could help you 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,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.page-id-2412 span.mejs-time-total.mejs-time-slider {
	display: none !important;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hey chefstevendellima,
Thank you for the login, are you trying to install the
Enfold Classic Restaurant Demo
or
Enfold One Page Restaurant Demo?
Are you going to be using woocommerce? if so this should be installed first.
Which Webhost are you using and is it a “managed wordpress” host?
I ask because these typically have more restrictions.
please ask your webhost to check the PHP settings to see if the secure options are activated.
If “allow_url_fopen, “allow_url_include” and “register_globals” are “off” ask to have these “on” and temporarily disable modsec so the demo files can be imported from our .at domain.
Before we import the demo again we will have to reset your site, so any content you now have will be lost.
Please also include FTP access so if the server continues block the import we can manually upload the images.

Best regards,
Mike

Hey Dundee,
Thanks for the links, so on your ski page I see you have a full width slider, then 3 smaller images, then a full width gray text block.
So I make the 3 image section have a max-width 80% with margin auto to center them. In between the images and the slider was a white area so I hide it to look better, but feel free to adjust to suit.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#homepage-section-overlay {
	max-width: 80%;
    margin: auto;
}
#after_full_slider_1 {
    display: none;
}

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

Best regards,
Mike

Hi,
Thank you for the link and screenshots, I see that you are using the grid row and the images are backgrounds of the cells, so what you need to do is add a “white space” element to the cells with enough padding to force the height you wish for mobile. Right now the cells think they are empty so they are collapsing down.

Best regards,
Mike