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

[KcZyien]

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

 

[DavidEKim · Accepted solution]

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.

[KcZyien]

Thank you. It works !