How can I shift elements higher on mobile view in Sense?

Store Design
1

Hello,

I would like to move up everything below my product image slider on mobile because it’s too much space in my opinion.

Can anyone help me with this?

I tried looking at the code but there is no option to change the padding on the element.

2

Hi @HugoBror ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

Hello Avada, the store is https://myskinovera.myshopify.com/ and the password is qweqwe11.

Here is an image of what I’m trying to do on the product page https://ibb.co/mHvh6pP.

Thank u so much in advance for trying to help me out.

4

Hi @HugoBror ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-main-product.css->paste below code at the bottom of the file:
@media (max-width: 749px) {
.product__media-wrapper .slider-buttons {
    margin-top: -50px;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5

Wow that worked, that you so much!

I would also like to move up the image a bit because I feel there is a bit too much space there as well. Would u be so kind and try and find the code I need for that as well?

This is what I thought was it: .product__media-toggle:after but it didn’t work.

Thanks in advance Avada

6

Hi @HugoBror ,

You can add more below code in section-main-product.css file:

@media (max-width: 749px) {
.product__media-wrapper {
    margin-top: -30px;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like