We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How do I add side space to image bar, only for desktop version? (not mobile)

Solved

How do I add side space to image bar, only for desktop version? (not mobile)

Samueltate
Visitor
2 1 0

How do I add side space to image bar, only for desktop version?

If I use moderate size image for mobile, it is too big for desktop.

If I use moderate size image for desktop, it is too small for mobile.

I searched, and I think the only way I can do is changing images of different size.

 

I want to know how to add white side space both side (left and right) of the image banner.

 

Accepted Solution (1)
Samueltate
Visitor
2 1 0

This is an accepted solution.

I fixed some errors, and it worked.

@media (min-width: 1024px) {
{
padding-left: 15%;
padding-right: 15%;
background-color: #ffffff;
}
}

 

View solution in original post

Reply 1 (1)
Samueltate
Visitor
2 1 0

This is an accepted solution.

I fixed some errors, and it worked.

@media (min-width: 1024px) {
{
padding-left: 15%;
padding-right: 15%;
background-color: #ffffff;
}
}