Removing box line (frame) from Quick Links on Warehouse Theme

I want to use the “Quick Links” on homepage in Warehouse Theme and by default they are in a box or frame. I want it to look ‘cleaner’ and without any frames. Can anyone help with that?

The shop is www.PartyOfGoods.com and currently this feature is visible only on mobile devices under the slides.

Many thanks!!

Hi @PartyOfGoods

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.scss.css ->paste bellow code in bottom of file

@media screen and (max-width: 767px){

.quick-links__link {

box-shadow: none !important;

}

.quick-links {

border: none !important;

}

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

Thanks Richard!! It worked!!! Thanks a lot!!!

When I went there I also saw this notice

"SCSS support is deprecated in themes

Convert .scss and .scss.liquid files to .css or .css.liquid for a better performing online store and theme editor"

:grinning_face_with_smiling_eyes: I guess now I have to figure out how to do that…

Anyways, I appreciate your help!!!

You are welcome @PartyOfGoods :wink:
I think you should contact Theme or Shopify so they can assist you.