Hi,

Thanks for reporting the issue. We’ll forward it to our developers for investigation.

For now, please add the following code to the bottom of Quick CSS field in the Enfold theme options > General Styling:

.avia_mobile.avia-safari .av-parallax-section {
overflow: visible;
}

Best regards,
Yigit

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

Hi,

Thanks for the update, I’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 northorie,

That demo is using the Pacifico google font, you can set it under Enfold->General Styling->Fonts.

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.home #after_section_1 {
  border-top-width: 0;
}

Best regards,
Rikard

Hey Thomas,

Thank you for the inquiry.

Have you tried enabling the Sidebar on Smartphones option in the Enfold > Sidebar Settings panel? And if you need to move the sidebar above the product loop, you can try this script.

function ava_custom_script_mod(){
  ?>
  <script>
        (function($) {
			// move the product category sidebar above the content on mobile view
			function av_move_prodcat_sidebar() {
				var is_mobile = false;
				var is_archive = $("body").is(".tax-product_cat");
				if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
					is_mobile = true;
				}
				
				if( is_archive && is_mobile ) {
					$(".sidebar").prependTo(".template-shop.content");
				}
			}

			$(document).ready(function() {
				av_move_prodcat_sidebar();
			});
		})(jQuery);
  </script>
  <?php
}
add_action('wp_footer', 'ava_custom_script_mod');

Best regards,
Ismael

Hi,

Thank you for the update.

The menu items are not displaying because their opacity is set to 0. Did you add this modification somewhere?

#top #wrap_all #av-burger-menu-ul > li {
    opacity: 0;
    position: relative;
    top: 18px;
    transition: opacity 0.3s ease-out,top 0.3s ease-out,left 0.3s ease-out;
    transform: translate3d(0,0,0);
}

You may need to remove the code or override it with the following css.

#top #wrap_all #av-burger-menu-ul > li {
    opacity: 1;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

Best regards,
Ismael

Hey Createve_Solutions,

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

body#top #wrap_all .footer_color .widgettitle {
  color: #fff;
  border-color: #ddd;
}

Best regards,
Rikard

• This reply was modified 2 years, 2 months ago by Rikard.

Hi,

Thank you for the update.

The entries aviaAsset_css_filecontent and aviaAsset_js_filecontent should be automatically removed once you’ve disabled the Enfold > Performance > File Compression settings. If this is not the case, make sure that the compression settings are disabled, then try to delete the entries manually. Unfortunately, the entries with the prefix av_alb_usage_ cannot be removed because they are used by the Advance Layout Builder.

Best regards,
Ismael

Hey macika,

Thank you for the inquiry.

Have you assigned one of the menus as the Enfold Main Menu in the Appearance > Menus panel? Please go to the Appearance > Menus panel, select your main menu, and assign it as the Enfold Main Menu in the Menu Settings > Display location section.

If you want to create a button-like menu item, edit one of the menu items in the Appearance > Menus panel, and then adjust the Menu Style settings.

Best regards,
Ismael

Hi,
Thanks for the feedback, since you have disabled the Enfold cookie bar the only PHP Session cookie that is now applied is the WordPress PHPSESSID, I don’t believe there is anyway to completely remove this. This is beyond what we can help you with since it is a basic WordPress function, and I’m not sure that WordPress will work correctly if you were able to remove this.

Best regards,
Mike

Hi,
You can put a border around the image, with this css:

#av-sc-portfolio-1 .inner-entry a.grid-image {
border: solid 2px red;	
}

but not around the image and title without including the gap:

#av-sc-portfolio-1 .grid-entry {
border: solid 2px red;	
}

Best regards,
Mike

Hi,
On my test page I added two more buttons with the URLs #open-popup3 and #open-popup2

and adjusted the code blocks to match:

and they work correctly:

try checking your code again.

Best regards,
Mike

Hi,
I’m not sure that I understand your question.
Earlier I thought that you wanted to deactivate the Enfold cookie banner, and now it is, correct?

Best regards,
Mike

Hey ballindigital,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
	max-width: 90%;
}

.responsive #top #wrap_all #footer .flex_column.av_one_third:first-child {
    width: calc(50%);
    clear: none; 
}
.responsive #top #wrap_all #footer .flex_column.av_one_third:first-child .widgettitle {
	width: 98%;
}
.responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) .widgettitle {
	width: 100%;
}
.responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) #menu-item-1422 a {
	padding-right: 0;
}
.responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) {
    text-align: right;
    width: calc(50%);
}

.responsive #top #wrap_all #footer .flex_column.av_one_third:last-child {
    width: 100%;
    text-align: center;
}
.wpcf7 .wpcf7-spinner {
	display: none;
}
}

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 schweg33,
The Portfolio Grid element doesn’t offer a gap setting, like the Masonry element does:

I would recommend using this and the built-in gap options to reduce possible errors for certain screen sizes.
Or you could try this css:

#av-sc-portfolio-1 .grid-entry .inner-entry {
    margin-right: 4px;
}

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,
To enable a button to open the popup, add a button to your page and set the link URL to #open-popup:

then go to Advanced ▸ Developer Settings and add the custom class open-popup-button:

then update the popup script in your child theme functions.php to this:

function magnific_popup_with_no_scroll_and_button() { ?>
  <script>
(function($) {
  $(window).on('load', function(){
	$('.open-popup-button a').addClass('open-popup-link');
    $('.open-popup-link').addClass('no-scroll');
    $('.open-popup-link').magnificPopup({
      type:'inline',
      midClick: true,
      callbacks: {
        beforeOpen: function () {
          $('body').css("overflow-y", "hidden");
        },
        close: function() {
          $('body').css("overflow-y", "auto");
        },
      },
    });
  });
  })(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'magnific_popup_with_no_scroll_and_button', 99 );

then you can use both text links and buttons for your popup like in the example:

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-post-nav:hover .entry-info-wrap {
    width: auto;
}
#top .avia-post-nav .entry-info {
    width: auto;
}

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 schweg33,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-post-nav .entry-image {
    display: none;
}
#top .avia-post-nav .entry-info-wrap {
text-align: center;
}

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

Hi,
Thanks for the feedback, but I checked your page on Windows in Chrome, Firefox, & Edge and Mac in Safari, Chrome, Firefox
and all showed the sub-menu “Mariage” aligned below the parent menu item like this:

I’m not sure why you would be seeing this, are you using an iPad? please post your screen resolution to see if this only occurs at a specific size. I did check a few random sizes but was not able to reproduce your screenshot.

Best regards,
Mike

Hi,
Try disabling Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enabling Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files, then clear your server cache, then check again.
Then once these old files are removed you can enable the above again, I don’t think this setting will resolve old files, only the new ones.
Otherwise try the other option in the dropdown: Disable unique timestamps only

Best regards,
Mike