Weird White Block To Right Of Pages - Question | JoomShaper

Weird White Block To Right Of Pages

MK

Michael Koerner

Template 1 month ago

Hello:

I'm currently using the Yoga template, and I'm having a white bar that runs vertically to the right of my pages.

https://ibb.co/PmWcXKX

What is this and how can I fix it properly?

Thanks in advance!

0
7 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago #153166

Hi Mike,

I am checking...

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago #153167

On my Windows Firefox, Chrome - looks totally OK. On the right side I see only scrolling bar.

info_2516_2024.jpg


  1. Please check on two different browsers just in case...
  2. Disable Offline mode and recheck.
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago #153173

We tested also on MacBook

safari.jpg

0
MK
Michael Koerner
Accepted Answer
1 month ago #153202

Hey Pawel:

So when you open it on a mobile browser or even desktop, if try scrolling the page to the right, it'll happen. If you just load the page or reload it, it doesnt happen.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago #153210

In Desktop view you cannot scroll page to the right, or I don't have that skill/feature in Windows. Only up/down works on all sites.


Every styles you have uses 100% of width. It's very hard to guess if I cannot reproduce that error.

Maybe try that

.com-sppagebuilder #sp-main-body {overflow-x: hidden;}
0
MK
Michael Koerner
Accepted Answer
1 month ago #153212

Hey Pawel:

So I tried the code that you provided, and unfortunatley it didn't work.

New Image: https://ibb.co/ZV4PBm2

I was able to find that it's actually has a class. Then if you look at the right towards the middle of the console where the elements and styles are within the new image provided, you can see the following code:

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

When I uncheck the "padding-right", it goes away. Very weird...

0
MK
Michael Koerner
Accepted Answer
1 month ago #153214

so weirdly, It's now not happening on the homepage, but is still happening on otheres.

0