Archived topic
white left Space in hero
7 replies · Started by Edwin on June 5, 2022
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
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.
Hi Fernando,
Actual it seems that it is doing only on larger screens. I have 27inch monitor
You can check it in private information:
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.
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.
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;
}
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.
