Broadcast theme - how to remove "mobile only" shop the look button

Store Design
1

How do i remove the “mobile only” Shop the look button that appears on the store imagery - its not on the desktop version and I can see the button to change its appearance BUT cannot remove the button or update "SHOP THE LOOK’ as the page header.

Can anyone suggest where to look for this? I’ve gone all through the themes and pages

Thank you

1 Like
2

Hey @Mbody

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

3

Hi Moeed,

Its www.mbodyminerals.com

I don’t feel comfortable sharing the password. I’m happy to work through any steps provided to update this. Thank you

4

Hey @Mbody

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1692688121167.png
Moeed_0-1692688121167.png289×516 141 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Hi @Mbody

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag
6

HI Moeed,

Thank you.

Are you able to help change “SHOP THE LOOK” to “Store”

removing it wasn’t the best option. If you could help update it that would be wonderful?

Also - links to social media pages - do I have to embed an App for this or how do I add this in?

Thank you,

7

Hello,

That still makes it say “SHOP THE LOOK” Id like to update this button to “STORE”

Thank you

8

Hey @Mbody

Remove the previous code and add this new code above in theme.liquid file

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

9

Hello @Mbody

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.look__actions.mobile {
    display: none;
}

ZestardTech_0-1692689319139.png
ZestardTech_0-1692689319139.png1227×835 176 KB

10

@Mbody

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag