Button and text not showing on mobile version

Hi everyone!

Hope you are well and safe. :slightly_smiling_face:

So I bought Handy - Handmade shopify theme and I’m having some troubles. I started editing the theme as a desktop version, but when I switch to mobile text and buttons doesn’t work.

Does anyone know why?

This is my site (in progess).

Any suggestions are more then welcome! Here are also screenshots of my panel. I didn’t touch a code or anything like that.

1 Like

@trip2uroda

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

your store is password protect can you please share us

Hi Ketan,

Thanks for a quick response. :slightly_smiling_face: Password is: foocha

Thank you in advance!

1 Like

@trip2uroda

thanks for store url please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media (max-width: 767px) {#shopify-section-1551346579154 .button-link {display: flex;}}

hello @trip2uroda

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

@media only screen and (max-width: 759px){
#shopify-section-1551346579154 .button-link , #shopify-section-1551346579154 .cation 
{
	display: block;
}
 }
1 Like

I tried it and it works! Thanks!

However, it only works for one section and doesn’t display text, only a button.

I tried doing it for other sections and it works, again only for the button, but why doesn’t it work properly from the get-go? Is there anything I can change in the settings or a code that will show all buttons and text on all pages and all sections?

Thanks!