How to split screen (phone version)

arekkorzeniowski

Hello. How to split screen in JA builder. For example, I want two photos to be displayed next to each other (phone version). Can someone help me?

saguaros

Hi arekkorzeniowski

I'm not entirely sure of the idea here but you can add a new 'Spotlight' block with layout of 2 columns:

Then change the widget to Image for both columns and add your images there

Hope this helps.

arekkorzeniowski

Thanks for the answer but it doesn't work on the phone.
The columns are not next to each other.
The columns are below each other.
Anyone know the solution to this problem?

saguaros

arekkorzeniowski You can add a bit custom CSS for it.

On edit screen of that page >> add an extra class for the block you just added:

Then go to template of JA Builder (I guess you're using the same template) >> Custom code and add this custom css:

<style>
@media (max-width: 480px) {
.jub-block.images .col-md-6 {
    width: 50%;
    float: left;
}
}
</style>

In case that you're using another Joomla template on your site, you can add this code to the custom CSS code section of template:

@media (max-width: 480px) {
.jub-block.images .col-md-6 {
    width: 50%;
    float: left;
}
}

arekkorzeniowski

That's why I like you.
Great support.
Greetings

saguaros

arekkorzeniowski It's our pleasure!