How to fix this one in mobile view

niceeee
Shopify Partner
278 4 21
Replies 6 (6)

sahilsharma9515
Shopify Partner
601 66 97

Hi @niceeee I have looked into your store, and do you think that your store is responsive for moible? Because not only this section, but video section is also out of the box and there is a sideway scroller on your site, which means you didn't added mobile responsiveness in your store.

 

I will first recommend you that you add custom css code in your store so that your store will be mobile responsive.

 

Now as you are showing 2 different images that the description should show different on desktop and different on mobile then you need to add the javascript code without that it s not possible to achieve this, there is no way you can do it by default from theme.

 

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


niceeee
Shopify Partner
278 4 21

Badly need help for this one 

sahilsharma9515
Shopify Partner
601 66 97

Hi @niceeee I will love to help you in this issue, For looking into the issue and solving it I will need the access of your store.

 

I have few question before that.

  1. Did you want your site fully responsive for mobile devices or you just want me to fix the description?
  2. Did you want 2 different description i.e different for mobile and different for desktop?

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


niceeee
Shopify Partner
278 4 21

Description only

sahilsharma9515
Shopify Partner
601 66 97

Hi @niceeee ok, what about 2nd point that I have asked?

 

  1. Did you want 2 different description i.e different for mobile and different for desktop?

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


PageFly-Oliver
Globetrotter
721 145 136

Hi @niceeee 

 

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

 

<style>
@media(max-width:767px){
#shopify-section-template--16318347378879__9d074960-38a2-4c1e-b503-bfef38e5a55f .table__wrap{
overflow-x:scroll
}
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.