Quix Pages Visual Builder container problem

SupportCategory: Joomla! Template QuestionsQuix Pages Visual Builder container problem
AvatarCatLogic asked 8 months ago

Hi,
I’m trying to add a container section in Quix visual builder pages (LT Museum Quickstart package, working on localhost).
In section settings, I’m choosing ‘Boxed’ container type. The contents is showing up correctly in the builder (section with max-width of 1140px), but on the actual page it stretches to full-width. A violet section border in visual builder is also stretched to full-width.
Everything works fine in classic pages builder, when I’m adding ‘Add Container’ to a section, but I need some visual builder capabilities.
Is there a way to fix this?
Visual Builder Website page

3 Answers
KelvinKelvin Staff answered 8 months ago

Hi,
Can you send me direct link for your issue? So, I can help.

AvatarCatLogic answered 8 months ago

Here’s the example – http://restavrator.org/test/index.php/pages/test-page
The first text section set to ‘Boxed’ container type, the second one – to ‘Full width’

AvatarCatLogic answered 8 months ago

Somehow solved it by changing max-width to width in .qx-container { } media queries in qxbs.css file (and also by changing width: 100% to max-width: 100%; for default .qx-container class)
The behavior was overridden by default.css file for LTMuseum:

div.qx-container {
  max-width: 100%!important;
}

 
 

KelvinKelvin Staff replied 8 months ago

Thank you for your update, I tested and it’s working well.
Glad your issue has been solved. If you need more help, feel free let me know.

50% OFF FOR XMAS & NEW YEAR!

Access Life-time All-In-One Membership with all 500+ Premium WordPress themes and Joomla templates and new theme(s) every month just $199.50 (instead of $399). Life-time PRO theme access, download and support, no renewal in the future.

Get DEV plan of All-In-One Now!

Merry xMas & Happy New Year! Get 50% OFF for your purchase! Coupon code: XMASNEWYEAR50 More Details
Happy New Year 2021! Get 50% OFF for your purchase! Coupon code: XMASNEWYEAR50 More Details