anmolblouch92

I can suggest some general steps you might take to address this issue:

1. Clear Cache and Cookies: Sometimes, browser cache and cookies can cause display issues. Try clearing the cache and cookies for the Chrome browser on your Android tablet and then reloading the Elementor editor.
2. Browser Compatibility: Ensure that you are using a supported version of the Chrome browser. Browsers and their features can behave differently across versions, so it’s possible that the version you’re using might have compatibility issues.
3. Elementor Updates: Ensure that both Elementor and WordPress are updated to the latest versions. Plugin updates often include bug fixes and improvements, which might resolve the issue you’re facing.
4. Responsive Mode: Elementor is designed to be responsive, so it might be worth checking if you’re in a responsive mode that might hide certain elements on smaller screens. Try switching between responsive and desktop modes to see if the “Save Changes” button reappears.
5. Zoom Level: Sometimes, changing the zoom level of the browser can affect the layout and visibility of certain elements. Make sure the browser zoom level is set to its default or try adjusting it to see if it makes a difference.
6. Theme Compatibility: Certain themes might have conflicts with Elementor. Try switching to a default WordPress theme temporarily to see if the issue persists. If the issue is resolved with a default theme, the problem might be related to your current theme.
7. Plugin Conflicts: Deactivate other plugins one by one to check if there’s a conflict between Elementor and another plugin causing the issue.
8. Debugging: If you’re comfortable with technical troubleshooting, you might want to enable WordPress debugging to check if there are any errors being logged that could provide more information about the problem.
9. Elementor Support: If none of the above steps resolve the issue, consider reaching out to Elementor’s support or community forums. They might have encountered similar issues and could provide specific guidance.

You can restore the article from your July 29 backup and then selectively update it with any changes made since, ensuring both versions coexist. This way, you can have the article back without erasing the section or losing recent updates.

Here’s the CSS code you can use to display your products in two or three columns on your staging site:

For Two Columns:

@media screen and (min-width: 768px) and (max-width: 1023px) {
.woocommerce.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product.first {
width: 48%;
float: left;
margin-right: 4%;
clear: none;
}
.woocommerce.columns-3 ul.products li.product.last {
margin-right: 0;
}
}

For Three Columns:


@media screen and (min-width: 768px) and (max-width: 1023px) {
.woocommerce.columns-3 ul.products li.product {
width: 31.33%;
float: left;
margin-right: 3%;
clear: none;
}
.woocommerce.columns-3 ul.products li.product:nth-child(3n) {
margin-right: 0;
}
}

You can add the desired code to your theme's Customizer or directly in your theme's CSS file. Remember to make a backup before making any changes.