Adjust screen for mobile

Solved
winnado11
Excursionist
41 0 20

Hello,

When I click to view the detail of my product from my homepage, there is an "X" to exit and back to the homepage. However, on the mobile version, I was not able to see an "x". May someone show me how to adjust the header wrapper or anything to have an "x" show up on the mobile version?

My store URL: https://wowberrybites.myshopify.com/

Pass: berrybites

Thank you so much in advance 

winnado11_2-1623475874932.png

 

winnado11_1-1623475850826.png

 

0 Likes
Natztech
Shopify Partner
1322 363 900

Hello @winnado11 

I see 'x' button in mobile view see 

Screenshot_2021-06-12-11-29-25-549_com.android.chrome.jpg

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
winnado11
Excursionist
41 0 20

Hello,

 

@Natztech 

Thank you for writing. No, not the navbar. I meant, from the home page, when you scroll down, you will see collections of my products. If you click on the products to view the details of the products, there will be another image hover over to see the details of the product. On the mobile, I do not see an "X" to come back to the product on the home page. Please see the attached image on my post. 

 

For example, on the mobile screen, you click "Dragon Berry Oatmeal" to view the product detail. After clicking it, there will be another image hover over it, there is no an "x" to come back. On the laptop, there is an "x" if you can see from the image I attached. 

winnado11_0-1623478076457.png

winnado11_1-1623478106380.png

 

winnado11_2-1623478191030.png

 

Thank you for your help,

0 Likes
Natztech
Shopify Partner
1322 363 900

This is an accepted solution.

hello @winnado11 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

@media screen and (max-width: 739px){
.product-modal__close {
    top: 68px ;
    position: absolute;
    right: 32px;
}
}

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
winnado11
Excursionist
41 0 20

Omg. Thank you so much. Much appreciated! You're the best. 

0 Likes