Modules in bannertop position side by side

Hello ,
when i put for example two modules in bannertop position the second module goes down from the first. How can i make the bannertop position to have the second module, the third module side by side with the first module(like to be horizontal)?
Thanks

Hi

Please keep this 2 modules there and tell me the url to the page where I'll be able to see it.

Hello, i was sent you the url with 2 modules in pm. Thank you

Do we have any news about this issue?

Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gkBannerTop .box, #gkBannerTop .bannergroup {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 50%;
}


Hello, if you see it made it horizontal, but i have 2 issues.
1. The first module it made it very very small.
2. In mobile view the modules are the one inside the other

My first issue about that "The first module it made it very very small." i fixed it by created a new one. But i have another question. How i center the banner modules?

Hi

To center the banners You have now use:

Code: Select all

#gkBannerTop .banner_slider {
    margin: 0 auto;
}


for mobile adjustment:

Code: Select all

@media only screen and (max-width:830px) {
#gkBannerTop .box,
#gkBannerTop .bannergroup {
    float: none;
    width: 100%;
}
}


Thank you very much. With this it works perfect, as i want.

Perfect as i wanted horizontal

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro