Hey Lead,
I would recommend using the Duplicator plugin it is quite east to use, see the video on the plugin page.

Best regards,
Mike

Hi,
Sounds like you have this sorted out now, shall we close this thread then?

Best regards,
Mike

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

@media only screen and (max-width: 767px) { 
	#after_layer_slider_1 .avia-builder-el-first .avia-image-container {
		width: 50%;
	}
}

adjust to suit.

Best regards,
Mike

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

#top .scroll-down-link {
	color: red;
}

adjust the color to suit.

Best regards,
Mike

Hey northorie,
Please link to your page so we can see the buttons in the sliders, and then explain how you want them moved, perhaps a screenshot would help.

Best regards,
Mike

Hey dreamreader,
The position of your arrow is not from your css, the LayerSlider is overriding it, so create a second arrow in your LayerSlider and then use the LayerSlider options to hide the first one on mobile and show the second one, then move the layer to the right until it is centered.
You may need to try a few times to get it right.

Best regards,
Mike

Hi,
Thanks for this login, you had your homepage also set as your custom 404 page so this caused an error. I changed this and now the message shows.
Please use a different page as a custom 404 page, typically users find it confusing to see the homepage as a 404 page without any message that there was an error.

Best regards,
Mike

Hi,
Thank you for your patience, I’m seeing the error: Failed to load resource: the server responded with a status of 404
please include an admin login in the Private Content area so we can be of more assistance.

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,
Thanks for pointing this out Guenni007, I summited a report to the Dev Team and will reply when I hear from them, thank you for your patience.

Best regards,
Mike

Hi,
I’m not able to login to your site, but typically if you use the Advanced Layout Builder of posts then you manually need to add the post elements and add your excerpt in the manual excerpt box. This is by design to give you more control over what is shown. By design it is expected that posts are created with the basic WordPress editor and pages are created with the Advanced Layout Builder.
If you need further help please open a new thread so we can assist, as this is not your thread posting your admin login here will not be private and you will not see our comments in the Private Content area.
Please note that we ask that each thread stays on a specific topic, this helps other users and our Mods.

Best regards,
Mike

Hey northorie,
Try this solution.

Best regards,
Mike

Hey ipressen,
Thank you for your patience, to create a pricing table like this:

add these icon shortcodes into the table:

[av_font_icon icon='ue812' font='entypo-fontello' size='40px' position='center' color='green'][/av_font_icon]
[av_font_icon icon='ue819' font='entypo-fontello' size='40px' position='center' color='red'][/av_font_icon]

the top one is a checkmark, and the other is a minus.
This is how the backend looks:

I recommend showing the empty cells, otherwise the rows will move out of place:

Then this is the css I used in the Quick CSS to make the text black and make all of the cells the same height so they would line up and to “hide” the empty cells:

.pricing-table > li {
	font-size: 20px;
  line-height: 48px;
}
.main_color .pricing-table > li:not(.avia-heading-row,.avia-pricing-row) {
	color: #000;
}
.pricing-table-wrap:nth-child(1) .pricing-table li.avia-heading-row {
	opacity: 0;
}
.pricing-table-wrap:nth-child(1) .pricing-table li.avia-pricing-row {
	opacity: 0;
}

Best regards,
Mike

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

.html_header_transparency.html_header_glassy .logo .av-contains-svg #Layer_1 .st0{
	fill:#000;
}

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

Best regards,
Mike

Hi,
Thank for the login, I disable the previous solution and added this javascript solution:

window.addEventListener('pageshow', (event) => {
    if (event.persisted) {
			if (window.matchMedia('(min-width: 990px)').matches) {
        const menu = document.getElementById('avia-menu');
        const visibleSubMenus = menu.querySelectorAll('ul.sub-menu[style*="opacity: 1"]');
        if (visibleSubMenus.length > 0) {
            window.location.reload();
        }
		const visibleMagaMenus = menu.querySelectorAll('div.avia_mega_div[style*="opacity: 1"]');
        if (visibleMagaMenus.length > 0) {
            window.location.reload();
        }		
			} else {
				const visibleoverlay = document.querySelectorAll('.av-burger-overlay-active');
				if (visibleoverlay.length > 0) {
                window.location.reload();
        }
			}
    }
});

This checks if the main menu sub-menu, or mega menu, or burger menu overlay is visible, if any of them are then it means the browser back button was used and the browser id displaying a cached page, so the javascript reloads the page to correct.
If a main menu link is clicked then using the back button doesn’t cause the page to reload, and the same for some Windows browsers like Chrome & Edge.
This will also not cause any issues with normally navigating the site with menu items, I’m not sure how popular using the browser back button is, since most online stores, banks, and sites where data is input often advise to not use the browser back button, but this will solve the issue if someone does.
This works for Android, but I don’t have a iPad or iPhone, but I’m pretty sure it will work.
Best regards,
Mike