Page 1 of 1
Problem With Super Box In Layout Grid
Posted: Fri Jul 29, 2022 5:21 pm
by protectourlands
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?
Re: Problem With Super Box In Layout Grid
Posted: Fri Jul 29, 2022 5:52 pm
by Pablo
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...
Re: Problem With Super Box In Layout Grid
Posted: Fri Jul 29, 2022 5:57 pm
by crispy68
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:
Re: Problem With Super Box In Layout Grid
Posted: Fri Jul 29, 2022 6:16 pm
by protectourlands
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.
Re: Problem With Super Box In Layout Grid
Posted: Fri Jul 29, 2022 6:40 pm
by crispy68
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>
Re: Problem With Super Box In Layout Grid
Posted: Fri Jul 29, 2022 6:45 pm
by protectourlands
Outstanding! The important script works perfectly. I cannot thank you enough. I'm glad it was something simple.
Best regards