Problem With Super Box In Layout Grid

protectourlands · Post by **protectourlands** » Fri Jul 29, 2022 5:21 pm

I have a layout grid at page top set to floating / fluid, then a floating layer below it. When I place Photo Gallery into the top layout grid everything works fine. The floating layer below it behaves nicely as the gallery adjusts at different page widths.

Demo 1
https://www.icandyexperts.com/test/album/test1.html

However I need to use Superbox instead (paid extension). Same layout grid and same floating layer below it, but the float behavior is erratic and the bottom floating layer will not locate as the gallery resizes in different page widths.

Demo 2
https://www.icandyexperts.com/test/album/test2.html

Anyone have a solution for this?

Post by **Pablo** » Fri Jul 29, 2022 5:52 pm

What do I need to do to see the problem?

Note that superbox is based on a third party script so I do not have a lot of control over the behavior, but maybe it's porpoise to solve it with different settings if I know what the problem is...

crispy68 · Post by **crispy68** » Fri Jul 29, 2022 5:57 pm

It looks to me the extension has a fixed height in the breakpoints. I'm not familiar with that extension but can you set the height to auto?

if not, try adding this to the css between the <head> tags:

Code: Select all

#wb_Extension1{height:auto;}

protectourlands · Post by **protectourlands** » Fri Jul 29, 2022 6:16 pm

Thank you guys.

I published a demo for each scenario and included links in the initial post. If you view each link at different page widths you will see Photo Gallery works well (demo 1), but there is an issue with Superbox (demo 2) and the grey floating layer below it. I think Crispy is right. It seems like the layout grid containing Superbox (demo 2) does not recognize responsive sizing of superbox at varying page widths.

Crispy, I tried adding your auto height code in the head and no change. Superbox does not have any settings related to sizing and responsiveness. I'm sure it is something simple.

I am most appreciative.

crispy68 · Post by **crispy68** » Fri Jul 29, 2022 6:40 pm

I know the code works as it works when i view your demo. My code is being superseded by the gallery code.

Add it like such:

Code: Select all

<style>
#wb_Extension1{height:auto !important;}
</style>

protectourlands · Post by **protectourlands** » Fri Jul 29, 2022 6:45 pm

Outstanding! The important script works perfectly. I cannot thank you enough. I'm glad it was something simple.

Best regards

www.wysiwygwebbuilder.com

Problem With Super Box In Layout Grid

Problem With Super Box In Layout Grid

Re: Problem With Super Box In Layout Grid

Re: Problem With Super Box In Layout Grid

Re: Problem With Super Box In Layout Grid

Re: Problem With Super Box In Layout Grid

Re: Problem With Super Box In Layout Grid