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

Hi sir, thanks for your kind reply.

Container is 100% width and we even tried smaller images so they can fit horizontally but nothing changes, it still shows banners in vertical layout.

What we would like to get is a horizontal area showing banners randomly, but permiting side scroll to see all banners included there.

Could you help us with this please?

Thanks!

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

Thanks @gfazioli for your time, is it ok if I create a user for you so you can see it personally? Please provide email so I can create your account if you like to check it ??

For this website we are using elementor, I don’t know how to use or where to insert the codes you provided.

Thanks again, best regards,
Miguel.

Check test page please ??

REMOVED CREDENTIALS

• This reply was modified 2 years, 9 months ago by NightZambri.

@nightzambri
ok,
I’ll check that soon

in the meantime, please, remove the credentials above from this discussion, already copied ??

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

@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 2 years, 9 months ago by gfazioli.

Hi @gfazioli , now banners look horizontal, but due to width they take two or three rows.

Do you think we can make them only 1 row and side slider? ??

Thanks so much for your time and attention sir.

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 2 years, 9 months ago by gfazioli.

Sounds great, thanks so much for your help and support.

Best regards, looking forward to hear back from you.