Hi Franz,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
  .responsive #top .avia-post-nav {
    display: block;
  }
}

Best regards,
Rikard

Hi,
The function above can’t be applied to certain sections, it is applied to the whole page for it to work, but I think that you can choose which pages to apply it to, so if you have a page that doesn’t need it it all we could disable it. As this function seems to help for most of your site, as I understand, it sounds like just a couple of areas that you want to adjust.
So for example on your /iscrizione-master/ page you wanted to change this:

So I found that if we use css media queries for 1024px it seems that they will work, that is when the page is really 425px the site and css thinks it is 1024px, but above 1024px the css seems to work correctly.
So try adding this custom class to this color section that you don’t want to show on mobile screens: hide-on-small and then create a new color section with the changes per your screenshot above to show on the mobile screens with the custom class: hide-on-large and then add this css:

@media only screen and (max-width: 1025px) { 
	#top .hide-on-small {
		display: none;
	}
}
@media only screen and (min-width: 1026px) { 
	#top .hide-on-large {
		display: none;
	}
}

I believe that this will work, and if it does then you can repeat this for your other color sections using the same classes accoss your site.

Best regards,
Mike

Hey Marvin,

Yes, you can use Enfold with multi site installations.

Best regards,
Rikard

Hey Mark,

Could you try updating the theme to the latest version (5.6.12) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

Best regards,
Rikard

Hi,

You could try using a Custom Element instead: https://kriesi.at/documentation/enfold/custom-element-templates/

Best regards,
Rikard

Hi,

Thanks for the update. The problem was the heading with the date, there was an open strong tag. Please try recreating your home page on the test page now. Also please update the theme to the latest version: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

Best regards,
Rikard

Hi,
Glad that we could help,thanks for using Enfold.

Best regards,
Mike

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

.page-id-734 #av-horizontal-gallery-1 {
  background-color: rgba(216,197,197,0.24);
}

Best regards,
Rikard

Hey Blaise,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.page-id-110914 #after_section_1 .content {
  padding-top: 0;
  padding-bottom: 0;
}
}

Best regards,
Rikard

Hi,
Thanks for the feedback I think I understand better now, basically you want to disable all of the mobile styles, which may make your site hard to read on mobile devices because all of the elements will be very small. Typically this would be a very big job to overwrite all of the mobile css, but I found a solution that wotks on my demo site, notice in this screenshot that the elements display like on a desktop just smaller:

Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, or if you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save.

function my_custom_viewport_meta( $meta_viewport ) {
    return '<meta name="viewport" content="width=1024">';
}
add_filter( 'avf_header_meta_viewport', 'my_custom_viewport_meta' );

After applying please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,

Sorry about that. I forgot that the dynamic content feature is not yet available, but it will be released on Enfold 6.0. For now, you can try the Custom Element Templates (CET).

// https://kriesi.at/documentation/enfold/custom-element-templates/

Best regards,
Ismael

Hi,

Thank you for the update.

Do you encounter the error on the same line? We didn’t encounter any errors when we checked the site. Is it only happening when the Enfold > Main Menu > Append Search Icon To Main Menu option is enabled?

Best regards,
Ismael

Hi,
I guess that I misunderstood, your screenshot showed two columns of the table side-by-side, the default behavior is a single full width column like what is shown on your site now:

since you say that you prefer a single column, I recommend not using the solution above and just leave it as it is right now.

Best regards,
Mike

Hi,
Please use a text block element and add your image then click it to show the alignment option and choose right align:

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I was just working on another thread where a similar issue was that the sub-menu and the burger menu were still open when the browser back button was used, this is due to the browser serving a browser cached version of the page. The following javascript solved this in my tests, and while my above solution worked for the custom button issue you are having I thought that perhaps this would be a better solution for you as it will also solve the use of the browser back button, so give this a try instead of the above solutions and see if it works for you. I recommend using the WP Code plugin then add a new snippet, in the top right corner use the javascript snippet as the code type:

and add this code:

window.addEventListener('pageshow', (event) => {
    if (window.matchMedia('(min-width: 990px)').matches) {
        document.querySelectorAll('.sub-menu').forEach((subMenu) => {
            subMenu.style.opacity = '0';
            subMenu.style.visibility = 'hidden';
        });
    } else {
        const overlay = document.querySelector('.av-burger-overlay');
        if (overlay) {
            overlay.style.display = 'none';
            overlay.style.opacity = '0';
        }
        const hamburger = document.querySelector('.av-hamburger');
        if (hamburger) {
            hamburger.classList.remove('is-active');
        }
        document.documentElement.classList.remove('av-burger-overlay-active', 'av-burger-overlay-active-delayed');
    }
});

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Bruno,
Thanks for the screenshots, I tested this on my demo site with Safari on Mac and Firefox on Windows and the sub-menu and the burger menu were open when the browser back button was used, this is due to the browser serving a browser cached version of the page. The following javascript solved this in my tests, I recommend using the WP Code plugin then add a new snippet, in the top right corner use the javascript snippet as the code type:

and add this code:

window.addEventListener('pageshow', (event) => {
    if (window.matchMedia('(min-width: 990px)').matches) {
        document.querySelectorAll('.sub-menu').forEach((subMenu) => {
            subMenu.style.opacity = '0';
            subMenu.style.visibility = 'hidden';
        });
    } else {
        const overlay = document.querySelector('.av-burger-overlay');
        if (overlay) {
            overlay.style.display = 'none';
            overlay.style.opacity = '0';
        }
        const hamburger = document.querySelector('.av-hamburger');
        if (hamburger) {
            hamburger.classList.remove('is-active');
        }
        document.documentElement.classList.remove('av-burger-overlay-active', 'av-burger-overlay-active-delayed');
    }
});

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey KQed0428,
Thanks for the link to your site, but the login doesn’t allow me to add css, so you will need to add this to achieve what you are asking;
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.home .product-sorting {
	display: none;
}
.responsive #top.home #av_section_3 > .container {
	  max-width: 100%;
	  padding: 0;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey cuccarini,
Thank you for your patience and the link to your site, for your table your custom css was setting the table to flex but not the last row, I adjusted your css so the last row is also flex and removed the dots, now it works correctly.
Compared to your screenshot it looks like you would like the table to have the two columns side-by-side, so to do this I added this css:

@media only screen and (max-width: 767px){
.responsive .mobile-two-columns .pricing-table-wrap {
 display: table-cell;
 width: 30%;
}
}

and then I added the custom class mobile-two-columns to your first table:

and now the columns are side-by-side on mobile under the image:

I know your screenshot showed the image and the two columns all in one row, but this made the table too small on smaller devices like iPhone 7.
If you want to add this to your other tables, then add the custom class mobile-two-columns to them like the first one.

Best regards,
Mike

Hi,

Thanks for the update, I hope the sunshine is treating you well :-)

Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for letting us know, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey marathontriad,

That code doesn’t exist on line 313 in functions-enfold.php, and it also looks like an error from a very old version of the theme. Did you update recently, since you are now running the latest version of the theme?

Best regards,
Rikard