[Support request] white left Space in hero

[Edwin]

In am using a slider in elements/headers, but keep getting this white space on the left.
When i add the slider directly in the page it is working fine. Any idea?

Thanks

Edwin

[Fernando]

Hi there,

Viewing the page from my end, I can’t seem to replicate the issue.

See: https://share.getcloudapp.com/p9uOz8Z2

Can you try clearing your browser’s cache or try using a different browser/device?

Kindly let us know how it goes.

[Edwin]

Hi Fernando,

Actual it seems that it is doing only on larger screens. I have 27inch monitor

You can check it in private information:

https://snipboard.io/pxS2M3.jpg

[Fernando]

What do you see in your test in the link you provided?

This is what I see: https://share.getcloudapp.com/ApuXy9Od

Bigger screen: https://share.getcloudapp.com/v1uOy0rY

Both seem to have no white lines. Are you able to replicate it in the test site?

Kindly let us know.

[Edwin]

This is what i see

10px of white space on the left

https://snipboard.io/rRQkyg.jpg

[Fernando]

That’s odd. We have the same dimension here but different results: https://share.getcloudapp.com/ApuXy9Od

Can you try clearing you browser’s cache?

Also, does this occur on a different browser?

Kindly let us know.

[Edwin]

Yes, cleared history and tried all browsers. Still the same white space.

I tried something else and that worked and will do for now 🙂

.page-hero{
margin-left:-15px;
}

[David]

Hi there,

in your Element, set the Container and Inner Container to Full Width.
Then your slider won’t need to be forced to full width. And you shouldn’t need that CSS.

[Author]

Posts