[scottkwilsonParticipant]

Hi – I would like to move the background images located in some of the ‘sections’ slightly depending on the device the site is being viewed on. Please see the attached pictures for explanations.

[RadModerator]

Hi there,

Thanks for writing in.

That would be possible with custom CSS,

Example,

@media ( max-width: 767px ) {

.x-section.move-up {
background-position: -10% center !important;
}

.x-section.move-down {
background-position: 10% center !important;
}

}

@media ( max-width: 375px ) {

.x-section.move-up {
background-position: -15% center !important;
}

.x-section.move-down {
background-position: 15% center !important;
}

}

Then simply add move-up or move-down to your section’s class input/attribute.

You can change the value, or even add more @media blocks.

Hope this helps.

[Author]

Posts