Issue with Force Full Width

Hello,

Glad to hear that you like it.

Please share a link to a page where you are using slider so I can take a look into this, and to see if it can be fixed somehow. Probably it is caused by css grid in your theme which isn’t the problem that often.

Regarding button, you are probably thinking on this one https://www.screencast.com/t/e8X94Ml6i4BN . It is stilled like that in order to follow styling of other buttons, but since it is WP default color, you are right that it is not necessary. We will consider restyling of back end.

Hi @pressfore

Thanks for your response.

Temp link here, the theme is a simple custom build one. Doesn’t use CSS grid layouts.

And yes, I meant that button. Doesn’t look nice with the black background.

Guido

Hi again,

when I inspect the div that contains classes owl-carousel rolo_slider clearfix owl-theme I notice this inline CSS:

opacity: 1;
display: block;
width: 100vw;
left: 0px;

When I uncheck the width, the scroll bar is gone. So it’s the viewport.

Guido

Hi Guido,

It seems that there is browser issue when using 100% view port width, and when your theme contain full width row width will also use right scrollbar width which is 20px. This isn’t the case when you’r setting width from fixed width row. You should be able to fix this by adding following css from Appereance > Customize > Additional CSS field:

div#rolo_2048_3 {
    max-width: 100%;
}

Result should look fine, without horizontal scroll https://www.screencast.com/t/DH0hYoiQWB

Hi,

This fix works, thanks.

So this is not something that can be fixed in an upcoming plugin-update? Because I had it in all browsers (Edge, Chrome, Firefox).

Guido

Hi,

Fix can be added in update but it needs some testing, since this isn’t the case all the time, it depends from theme wrapper, and we don’t want to cause problems to others since there is considerable amount of users.

Hello,

I have the exactly same problem.
Please have look at:
https://www.gugigei-fotografie.de/home/
(NOT! https://www.gugigei-fotografie.de)

I used the same code analog:
#rolo_1852_6 {
max-width: 100%;
}

But nothing happens.
Looking forward for your support.
Thank you.

@laptolap

Hi,

I can’t see the issue on the provided link. Have you managed to resolved it?

Hi,

thanks for your reply.
Unfortunately no solution found yet.

But meanwhile I put the website online.
Now you can see the issue at: https://www.gugigei-fotografie.de

What I found out up to now:
With Google Chrome everything looks great, at least on my Desktop-PC.
Only with Firefox and Edge you still should see the problem with the horizontal scrollbar.

Hope for your soon reply.

Best Wishes.

Just in case, plz have a look at the following Screenshot (displayed with MS Edge)
https://heikowski-fotografie.de/temporaer/screenshot-gugigei.jpg