Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

White, blank area on all pages - cannot remove

Featured Lock Resolved Bug
Hi,

On one of our client domains (will provide in PM), we have an issue where on the right side of smaller screens (tablet and mobile), there is a white, blank area.

This causes the page to be able to scroll left and right, while also displaying this white bar, doesn't look good.

This happens on all pages. I have checked all code for pagebuilder and plugins but cannot find a definitive fix.

The closest I got was forcing padding-right to 0px

.col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 0px;
}


This 'fixed' the content area, but not the footer and menu bar...
I really don't know what is causing this. Could someone help?

Cheers

Attachments (1)

  • right.jpg
    right.jpg 56.1 KB

6 Answers

Sifat - Staff

More than a month ago #Permalink
Thanks for your reply.
I actually couldn't find your issue in my screen. Btw you can use this css into your custom css and check if it helps.

body .body-innerwrapper {
overflow-x: hidden !important;
}



Or you can share with what screen size is showing you the issue thus i can check myself.

-Thanks

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Would you please share your site url here? That would help to solve your issue easily.

-Best Regards

FUTURECLIENT

More than a month ago #Permalink
Hi,
Thanks for your query. Would you please share your site url here? That would help to solve your issue easily.

-Best Regards


Hi yes,

Here is the URL to the site we're having issues with

Sorry for not getting back to you sooner, I was away last week for Easter.

Regards

FUTURECLIENT

More than a month ago #Permalink
Thanks for your reply.
I actually couldn't find your issue in my screen. Btw you can use this css into your custom css and check if it helps.

body .body-innerwrapper {
overflow-x: hidden !important;
}



Or you can share with what screen size is showing you the issue thus i can check myself.

-Thanks


I think this code actually fixed the issue, as going through the pages on different sizes isn't showing any white/blank line. I did try something similar, but I guess it wasn't as precises as this was :)

Thanks for your help

Sifat - Staff

More than a month ago #Permalink
You are always welcome :)


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 103
Toufiq

Toufiq

Total Accepted Answers: 88
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 86
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 2
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

295723

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us