Strange margin on pages

[logoglo]

Hi there, see here: https://ese-mas.com/

So on most pages, there is a margin on the right hand side, and bottom scroll bar:

And here its huge:

Hoping to get rid of these issues.

Thanks.

Gary.

[tristup]

Hi Gary,

Thanks for reaching out.
I have checked your website and found that the Slider in the last section and the Gap Width of the Row are the reason behind your issue. I would suggest you set the Gap Width to 0px and temporarily remove the Slider and check if that resolves your problem.

Hope it helps.
Thanks

[logoglo]

Hmmm, Im not sure how to fix what you are saying. I imported YOUR slider so it should be fine out of the box correct? I want it to be 100% width of the screen like your slider:

So the size cant have the global container, as it will cut off on the sides, it needs to be 100% width right? So I set it like this:

Max width 90%. Which gets rid of the issue on large desktops, but then on mobiles and tablets, the issue is there, you can drag the whole screen to the left, and see the margin.

this also happens on these pages too:

Nosotros - Ese+

Servicios - Ese+

I would appreciate you going in and fixing this please. Or letting me know how to, in a more detailed way, rather than just saying what you said, as it didnt help to fix the issue, of a feature that you provide, ie the modern sliders.

Login provided in the secure form.

[marc_a]

Hey @logoglo,

I check the two pages and it seems the issue is coming from the page CSS because when I tried to delete the page CSS the horizontal scrolling issue is not present anymore. Please make in mind that we don’t troubleshoot any custom CSS. That being said, I suggest that you double-check your page CSS.

Hope that helps.

[logoglo]

Sorry, but I’m not taking that as a solution to this issue. Take a look at this page:

Acerca De - Ese+

That has the exact same page css on there. And the issue isn’t present there. So ignore my custom css.

If I delete the entire section that has YOUR slider in there, on the homepage, the issue goes away.

The other pages have the issue, but don’t have a slider.

Please provide me with a solution, this is what this forum is for.

Thank you.

[logoglo]

I changed the css from

.cs-content {
scroll-snap-type: y proximity;
overflow-y: scroll;
height: 100vh
}

To

.cs-content {
scroll-snap-type: y proximity;
overflow-y: scroll;
overflow-x: hidden;
height: 100vh
}

And it seams to have fixed things.

[marc_a]

Hey @logoglo,

I check all the pages and it seems that you have already figured it out! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.