Table created in RTE is not responsive on mobile view | Brooklyn Theme

TrishNeedom
Excursionist
16 1 3

Hello All, 

I have created a table on a page.full-width for content on my site and it looks perfect on the desktop version (first image); however on the mobile view it is not so perfect (second image).  All of the content is there but you either have to scroll back and forth or zoom out to access it.

The link to this page is as follows.  I would like it to behave like the list collections page (https://jesuisdiva.myshopify.com/collections). How can I achieve this in this theme.  Any and all suggestions are welcome.

https://jesuisdiva.myshopify.com/pages/eye-shape-guide

Screen Shot 2021-03-03 at 4.56.56 AM.png

IMG_5759.PNG

 

Thank you in advance!

0 Likes
dmwwebartisan
Shopify Partner
5370 1237 1584

@TrishNeedom 

Please provide the password. Your store is password protected.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
TrishNeedom
Excursionist
16 1 3

bleont

0 Likes
TrishNeedom
Excursionist
16 1 3

@dmwwebartisan 

dmwwebartisan
Shopify Partner
5370 1237 1584

@TrishNeedom 

I checked your page. You are using tables and tables are not going to responsive. I am checking if any other solution for this.

Let you know.

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
TrishNeedom
Excursionist
16 1 3

@dmwwebartisan 

 

Thank you

0 Likes
TrishNeedom
Excursionist
16 1 3

@dmwwebartisan 

Thank you, I look forward to your input.

I have manipulated the html code in the RTE and that has made it fit in the mobile view window, but not exactly how I'd like for it to be.  Here is the test page I created: 

https://jesuisdiva.myshopify.com/pages/test-of-eye-shape-guide-1

0 Likes