How to add a button to the header of canopy only in desktop view

[Dan664]

Hi everyone,

I added a button to my header by adding the following code to the header.liquid file:

Shop Now

However, it looks terrible in the mobile view (it’s all squashed, see photo)

How can I get the button to disappear in mobile view?

shop is not live but this a preview link: https://k20kwflgkt7dl8md-52859076779.shopifypreview.com

Thanks so much

Daniel

[DavidEKim]

@Dan664

Hi,

Please add the code below to assets > style.css file.

@media (max-width: 749px) {
  button.btn.hide_on_mobile {
    display: none;
  }
}

Hope it helps.

[Dan664]

Thanks so much!!! (191)