Remove "Select Options" Bar from shop pages

[GTS75]

When viewing my site on a smartphone the “Select Options” or “Add to Cart” buttons that show at the bottom of the product image looks terrible and cover 25% of the product image. Is it possible to stop these from displaying on mobile devices? If not, can the bar be totally removed from the theme all together? It really does look bad on phones, and with over half of my traffic and 25% of my checkouts coming through smartphones I need it to be optimized.

Thanks

[Kyle – SUPPORT]

Hi

Add this to your custom css:

@media only screen and (max-width: 767px) { 
.shop-actions {
  display:none!important;
}
}

– Kyle

[GTS75]

Hey Kyle – that worked, however now you’re able to see part of the “flip up” image where the bottom select options bar would’ve covered. Is there any way to fix that?

Thanks

Attachments:

You must be logged in to view attached files.

[laranz – SUPPORT]

Hi,

Can you update the theme to the latest version to see this issue gone??

Let us know,

Thanks,
laranz.

[GTS75]

Hi Laranz – I’ve never backed my site up before (don’t shoot me) and I’m not sure how to do it. I don’t want to update to the current version of the theme because I’ve had major issues with plugins and customization being messed up, probably because I never back my site up to a child theme in order to re-upload everything once I’ve updated my neighborhood theme. What steps should I take to back up my site properly and then re-upload everything to the updated theme?

Everything on my site works perfect right now with the older version of the theme with the exception of my product images on category pages displaying wrong. The bottom of the product image shows the 2nd product picture that rolls over when it shouldn’t. See the attached picture to see what I’m talking about.

Thanks in advance for the advice.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Please see this knowledgebase article: http://www.swiftideas.com/knowledgebase/how-to-fix-second-image-from-showing-after-removing-shop-actions/

– Kyle

[GTS75]

Thanks Kyle that’s a helpful article. But a SiteGround support member is trying to tell me that he’s looking in my files and the template does not have the /js/functions.js folder. How do I find and edit that line of code?

[Kyle – SUPPORT]

It does? (see screenshot)

– Kyle

Attachments:

You must be logged in to view attached files.

[GTS75]

I’m struggling to find that file anywhere. I’m even searching my computer for /js/functions.js and it says 0 files. I’ve never had to update it for anything before and I’m not sure how to access the files. Is there anything else you can do to help me?

Thanks Kyle..

[Kyle – SUPPORT]

You would need to use FTP to access your sites files

– Kyle

[GTS75]

I figured it out. Thanks Kyle.

[Kyle – SUPPORT]

No problem