Hi! I have created a site with a few custom adjustments. The desktop version of my site looks normal, however, the mobile version has this weird, offset box. I have the Bottom margin set to zero, and if I increase the margin the box will move lower down the page.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Welcome to shopify community.
Please share your store URL and if your store is password protected then please provide password too.
Thank you.
password: dannny
Please add below css in bottom of assets/base.css file
.lunatemplates-parallax-text-container.parallax-round {
background-color: transparent !important;
}
Thank you.
great thanks for url can you try this code
- Go to Online Store->Theme->Edit code
- Asset->/base.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {.lunatemplates-parallax-text-container: display: none;}
I tried adding your code to the file you mentioned and it wasn’t working. However, I went into that sections code and replaced the original code with what you recommended and it worked! So thank you!!
you have done it?
yes but i can’t see font different
Here is the link to the question I posted:
do you need have custom font? bcz i can see same and which os issue ?