Issue with Force Full Width

Resolved Guido
(@guido07111975)

7 years, 1 month ago

Hi @pressfore

Nice plugin, simple and clean backend settings section. I like it.

I want a full screen slider. When I select “Force Full Width” I notice the slider is overlapping the container (+/- 20px), in my case it creates a horizontal scroll bar on the page.

And a minor cosmetic issue on the slider page in backend, the black submit button doesn’t look nice because this type of button already has a blue background by default.

Guido

Viewing 10 replies - 1 through 10 (of 10 total)

Plugin Author pressfore
(@pressfore)

7 years, 1 month ago

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.

Thread Starter Guido
(@guido07111975)

7 years, 1 month ago

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
Thread Starter Guido
(@guido07111975)

7 years, 1 month ago
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
Plugin Author pressfore
(@pressfore)

7 years ago
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
Thread Starter Guido
(@guido07111975)

7 years ago

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

Plugin Author pressfore
(@pressfore)

7 years ago

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.

laptolap
(@laptolap)

7 years ago

Hello,

I have the exactly same problem.
Please have look at:
http://www.gugigei-fotografie.de/home/
(NOT! http://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.

Plugin Author pressfore
(@pressfore)

6 years, 12 months ago

@laptolap

Hi,

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

laptolap
(@laptolap)

6 years, 12 months ago

Hi,

thanks for your reply.
Unfortunately no solution found yet.

But meanwhile I put the website online.
Now you can see the issue at: http://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.

laptolap
(@laptolap)

6 years, 12 months ago

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

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Issue with Force Full Width’ is closed to new replies.