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

Your Time: Our Time:

Add On's extend past the Section Block width.

Featured Lock Resolved Issue
it seems the page width when using pagebuilder is not working correctly. The width of the section blocks is less than the Add On Bocks, which means the Add Ons overlap and aren't formatting correctly on the page.

See image attached (area cutting off highlighted in red)

I have tried using various built-in templates and it does the same thing.

I'm am using this template: TitleComdev- Jomholiday

Attachments (1)

  • Annotation 2019-12-09 171741.png
    Annotation 2019-12-09 171741.png 77.1 KB

10 Answers

Ofi Khan - Staff

More than a month ago #Permalink
Added - but no change.


Please clear your cache and check.

- Best regards

Ofi Khan - Staff

More than a month ago #Permalink
Use template protostar and check the issue.

- Best regards

thebden

More than a month ago #Permalink
No luck - I switched this page to the protostar default and the same thing happened only worse. See attachment.

Is there a page width setting that I am missing?

Annotation 2019-12-10 174730.png

Attachments (1)

  • Annotation 2019-12-10 174730.png
    Annotation 2019-12-10 174730.png 54.3 KB

Ofi Khan - Staff

More than a month ago #Permalink
Please share your site URL here or PM me.

- Best regards

thebden

More than a month ago #Permalink
I think I have PM'ed you - I would have to turn the site live for you to access would just need a time when you would like me to do this so it's up for minimal time.

Ofi Khan - Staff

More than a month ago #Permalink
I have checked your website. Please add this code to any of your linked CSS file and check.


@media (min-width: 1200px) .sppb-row-container{
width: 1130px;
}
@media (min-width: 992px) .sppb-row-container{
width: 930px;
}
@media (min-width: 768px) .sppb-row-container{
width: 720px;
}


- Best regards

thebden

More than a month ago #Permalink
Added - but no change.

thebden

More than a month ago #Permalink
Thanks that worked.
How do I adjust the code to extend the section boundary a little so it is a little closer to the container boundary?
Mobile & Tablet works fine - just desktop.

Image attached

Annotation 2019-12-19 09020 xx.png

Attachments (1)

  • Annotation 2019-12-19 09020 xx.png
    Annotation 2019-12-19 09020 xx.png 57.6 KB

Ofi Khan - Staff

More than a month ago #Permalink
Thanks that worked.
How do I adjust the code to extend the section boundary a little so it is a little closer to the container boundary?
Mobile & Tablet works fine - just desktop.

Image attached

[attachment]Annotation 2019-12-19 09020 xx.png[/attachment]


Try to change the padding-left and padding-right for .sppb-row-container.

- Best regards


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 109
Toufiq

Toufiq

Total Accepted Answers: 61
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 26
Ofi Khan

Ofi Khan

Total Accepted Answers: 11
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 8

120

Templates

310429

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