Docs

[yhshin1020]

Hey,

I have two images placed next to each other in a content band, and i want them to be further apart from each other. ive used css margin-right and margin-left option to adjust it accordingly.

However, when viewing on mobile, the two boxes are misaligned.

Further detail can be found below.

Thanks.

[yhshin1020]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media screen and (max-width: 979px) {
#socialmedia2 {
    margin-left: 0 !important;
}
#socialmedia {
    margin-right: 0 !important;
}
}

Let us know how this goes!

[yhshin1020]

This reply has been marked as private.

[Rue Nel]

Hello There,

Sorry if it still doesn’t work out. How about if we center the images instead. To avoid any further issues, please try to replace the given code from our previous reply. You can make use of this code as a replacement;

.page-id-161 #x-content-band-4 .x-column{
    text-align: center;
}

http://prntscr.com/b4iib8

Please let us know if this works out for you.

[yhshin1020]

This reply has been marked as private.

[Rue Nel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts