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

@media only screen and (max-width: 767px) { 
.flex_column.av_one_half.flex_column_div.av-zero-column-padding.avia-builder-el-11 {
	z-index: 0 !important;
}
}

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

Best regards,
Mike

Hi,
It looks like you were missing a bracket, please try this:

add_action('ava_before_footer', 'ava_before_footer_mod');
function ava_before_footer_mod() {
	if(!is_page(array(662))) {
		echo do_shortcode("[MY OWN SHORTCODE]");
}
}

if you want to add more pages add a comma and the next number like this:
if(!is_page(array(206,644))) {

Best regards,
Mike

Hi,
Sorry for the late reply, sorry for the confusion, when I suggested to disable smush lazy load I meant as a test to see if your problem was resolved, which was, restore your logo, if it didn’t help then it is fine to enable. But if your problem was resolved then you probably do not want to enable.
When I see your site today your logo is visible was it related to the plugin?

Best regards,
Mike

Hey rokhead,
Sorry for the late reply, I had not used Incarnation, but from reading your description and viewing your link, Enfold doesn’t have a built-in way to display a page in a grid layout. But I was able to achieve this with a plugin Add Category to Pages

this is the backend view were each “blog post” element is displaying a single page pulling the featured image, title, read more link and custom excerpt:

After installing the plugin I created 3 categories for pages, adding one page to each category, ensuring the pages had featured images and custom excerpts. Custom excerpts must be used if you have built the pages with the Advanced Layout Builder, the “excerpt” field is typically at the bottom of the page, and to turn it on click on the “screen options” tab at the top of the screen:

Then in the blog post element choose “Display entries from a custom taxonomy” + Grid Layout + “Title and Excerpt + Read More Link”

under the styleing tab I choose one for “Blog Grid Columns” and no Pagination, but I guess you could also choose 3 “Blog Grid Columns” with 3 entrys from the same page category for a similar result.

Best regards,
Mike

Hi,
I believe from your description this is due to the first element has no padding or margin on the top or left and the last item has no padding or margin on the top or right.
So to achieve this:

try some css like this:

article.slide-entry {
box-shadow: 1px 1px 30px 3px #cccccc !important;
border: 1px solid #eeeeee !important;
}

.slide-entry.av_one_third,.slide-entry.av_one_third.first {
    margin-left: 2% !important; 
    margin-right: 2% !important; 
    margin-top: 2% !important;
    width: 28% !important; 
}

please adjust this for your site, if you need further help then please include a link to your page.

Best regards,
Mike

Hey schweg33,
Thank you for the link, I have taken a look at your page, and find that your white color in “Herzlich willkommen” comes from this custom code:

/*Farbsection Breite*/
#top.home #av_section_1 > div.container {
    background-color: #ffffff !important; 

So you can change that color code in your child theme stylesheet or in your Enfold Theme Options > General Styling > Quick CSS field, I’m not sure which place it is at on your site.
If you can not find it the Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.home #wrap_all #main #av_section_1 > div.container {
    background-color: #ECF2E0 !important;
}

and adjust the color code to suit, After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, I have taken a look at your “giving” page on both desktop and mobile. The fullwidth sub-menu is not designed to be sticky for mobile, that’s why it’s disabled by default. There have been modifications to try to achieve this and is why you are getting the jumping and it is breaking away from the “sticky_placeholder” the “blue area”.
I tried recreating your page and found that without modifications the sub-menu can stick to the top with this javascript at the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
$(document).ready(function(){       
   var scroll_start = 0;
   var startchange = $('#sub_menu1');
   var offset = startchange.offset();
    if (startchange.length){
   $(document).scroll(function() { 
      scroll_start = $(this).scrollTop();
      if(scroll_start > offset.top) {
        document.getElementById('sub_menu1').classList.add('sticky-top');
       } else {
        document.getElementById('sub_menu1').classList.remove('sticky-top');
       }
   });
    }
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

and this css:

.sticky-top {
    position:fixed!important;
    top:0!important;
    z-index:10000!important;
}

please see the screencast in the Private Content area.
I’m not sure where the modifications are on your site, but if you can remove them then this should work for you on Enfold v4.7.3
It looks like you are using v4.5.7, so that could be another factor.

Best regards,
Mike

Hey Empatica,
Thank you for the login, your menu items didn’t contain the span class “avia-menu-fx” which is how the active menu indicator is shown, but once I set the “Leader Theme Menú principal” to one of your menus these were added.
Please check now your menu is working correctly now.

Best regards,
Mike

Hi,
Below I have linked to two updated files, please move them to your
\wp-content\themes\enfold\lang\ via FTP and save your original files for fallback.
https://www.dropbox.com/sh/st1yefvuahvv7sg/AAChKsCgkCTI9yXv8_XGWOK8a?dl=0

this example adds “!is_page” so add the pages you don’t want it to show on
https://pastebin.com/vPvJ0Pym
Best regards,
Mike

• This reply was modified 2 years, 1 month ago by Yigit.

Hi,
If you add a snippet to your parent theme functions.php then it will be lost on your next update, that holds true for any file you edit.
You could use a plugin like: My Custom Functions

Best regards,
Mike

Hey bramblejam,
Thanks for the link, please try this css

#footer {
	z-index: 0;
}
.datepicker.datepicker-dropdown {
	z-index: 50;
}

Expected results

Best regards,
Mike

Hi,
I recommend using a child theme, Read about using a Child Theme

Best regards,
Mike

Hi,
Thanks for the login, but I see that you have 3 errors Uncaught SyntaxError: Unexpected token '<' it looks like line brakes in your scripts <br />
Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
When you select a page to use as a footer the current socket is included, so you only have to use the Advanced Layout Builder to create a new footer on the page.
I tested the ava_before_footer hook and it was added to every page, store, product, checkout. I think this is a better hook for you. So this shortcode is just a grid row which is colored yellow and green so it will stand out on the pages so you can test.
Try adding this code to the end of your functions.php file in Appearance > Editor: https://pastebin.com/jPBP0ZEH
If you like the placement then replace with your shortcode.

Best regards,
Mike

• This reply was modified 2 years, 1 month ago by Yigit.

Hi,
Thank you, glad to hear this is helping you.
I assume we can close this now?

Best regards,
Mike