Thin white line on the edge of whole website

Hi,
I am basically working with an imported demo from the Luxury theme (https://woodmart.xtemos.com/demo-jewellery/demo/jewellery/). My website has a thin white line on the entire website, on the right side of the browser. I cannot tell what is causing it, but it seems it is applied on the entire website wrapper, it’s not specific to one element.

Can you please check? It is much more easy to notice on mobile, but it is also displayed on desktop. Please see screenshot and login details in the secure area. Let me know if you need more details!

Attachments:

You must be logged in to view attached files.

Hello,

Use the full-width option only from our theme: https://prnt.sc/Mc1oRhvGRDv2 , thus disable the full-width from Elementor (https://prnt.sc/maGNmUkVmxLN) and leave only ours.

Clear the cache and recheck the issue.

Kind Regards

Hi Luke,

Thanks for the help. I tried this for the container at the top (the slider revolution container) and the white edge is still there. I set the width from Xtemos layout settings as suggested, and then itried setting the elementor width to Boxed/Container with 100% width, setting the page layout to Theme instead of default and a bunch of other settings, and nothing seems to be working.

Could you please take a look?
Thank you.

Hello,

Could you please check how it works with some default WordPress themes like Twenty-twenty or WooCommerce Storefront to understand whether it is our theme issue?

Kind Regards

Hi Luke,

I did some further testing and the issue is there no matter what options i tried. I even tried to install a fresh import of the Jewellry demo, on a new wordpress installation, and the white edge is still there. From what I can tell it is not displayed on your demo page though, so something is different between the version you have displayed on your demo website and the version that gets imported via the Prebuilt Website import tool.

Please see the login credentials on this fresh import I mentioned. Feel free to change anything you want.
Note: some parts were not imported properly because the import fails and i tried multiple times until it finished successfully.

Hello,

The problem is that the Revolution slider script stretches its content, which is already in the stretched section (the screenshot shows a shift to the left by 1 px generated by the Revolution slider https://prnt.sc/UMxjjwXoadVV) There are a number of solutions to this problem:

1. Disable the stretch option (https://prnt.sc/_zAVl4Aw-7k9) in the container in which the Revolution slider is located, and leave fullwith enabled only in the Revolution slider.

2. Disable the fullwidth option in the Revolution slider (https://prnt.sc/2Ng-DTxm224-), and leave the stretch enabled only in the container in which the revolution slider is located.

3. Use the code below which overrides the script of the Revolution slider:

.wd-section-stretch-content rs-fullwidth-wrap rs-module-wrap {
	left: 0px !important;
}

Kind Regards

Hi Luke,

Thanks for the quick response and solution. The CSS trick does it, the alignment issue is now fixed.

Hello,

You are welcome! In case you need any additional help, I’d be more than happy to assist you.

Wish you all the best.

Kind Regards

[Author]

Posts