Vertical layout not working

Hi,
yes, the issue could be related to the main/previous container. When you set the layout as horizontal, the Bannerize boxes are in float mode, side by side. Obviously, if the main container size is small, they will be wrapped. In a similar way like a wrapped text.

Anyway, let me know if I can help you in anyway

Cheers

Hey,
could be useful for me to check the container directly… anyway if you would like to create a scroll you should create two containers one inside the other one

<div id="main-container">
  <div id="banner-container">
    <!-- horizonatal banners here... -->
  </div>
</div>

the “banner-container” should be with a fixed width, for example, the width of the banner multiplied by the number of the banners, plus any gap:

(banner_width+gap)*numbers = width of the banner container

the “main-container” should hide the inner and start the scroll, usually you can do that with something like that:

#main-container {
  width: 320px; // the visible area
  overflow-x: scroll;
}

if the “banner-container” is larger than “320px” you will see the horizontal scroll

let me know if I can see it or help you in anything else

@nightzambri

Hey,
first of all, I found the issue.
Now, you should see the banners in horizontal.
The root cause was due to the Shortcode quotes in the Elementor editor.

For some reason, you have used the wrong quote ” character for the layout attribute. Maybe you copied that from somewhere.
In short you used this one “ instead of "

• This reply was modified 4 years, 4 months ago by gfazioli.

Hi @nightzambri,

yes, I think so. I mean, I can see several container there, the only thing I need to understand is how to overwrite some CSS class.

I’ll try to work on that asap 😉

Cheers
J

• This reply was modified 4 years, 4 months ago by gfazioli.