Overlapping on product description after moving the product header above the image (mobilia theme)

Hi,

I am running into an overlapping situation on the product description after moving the product title above the product image only on mobile view. Can someone kindly provide a coding to help me solve this issue? The screenshots attached below are for your reference. Thank you.

Shop URL: wallartfantasy.com

Hi,

To adjust the description margin in mobile, you need to modify the Assets/styles.scss file.

Please file the code below in style.scss (by Ctl+F for search within the file after open, and type & find .eight.columns.omega>div).

@media only screen and (max-width: 749px)
.eight.columns.omega>div {
    margin-top: -37px!important;
    padding: 10px!important;
}

You should change the

margin-top: -37px !important;

to

margin-top: 0 !important;

from the above code.

margin-top: 0 !important;

from the above code.

If you have any questions, please let me know.

Hope it helps.

Thanks.

1 Like

Thank you. It works !