Motion Theme - Social icon in footer not clickable

Store Design
, , , , , , , , , , , , ,

Topic summary

A Motion theme user reports that footer social icons work correctly on the homepage but become unclickable on product pages. The issue appears to be device or viewport-specific.

Proposed Solution:
A CSS fix was suggested targeting the tvarka-satc-notification-container element on mobile screens (max-width: 590px), adjusting padding to zero. The code should be added to Asset > base.css.

Current Status:
The proposed solution did not resolve the issue. The problem remains unresolved, and further troubleshooting is needed.

Reference Materials:

  • Live site: taramajeans.com
  • Error demonstration video provided via Google Drive link
  • Screenshot included showing CSS implementation
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

I developed my website using Motion theme in that I need to troubleshoot my footer section’s social icons, when it is in home page when we click on the social icons it’s working fine, but when we move towards any product page the social icon in footer is not working.

website: https://www.taramajeans.com/

Error Uploaded drive link: https://drive.google.com/file/d/1btiZN3kbvsvjLx82O89oJQOeIJD2KCYe/view?usp=sharing

2

Hello @Sivadarshan ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
@media screen and (max-width:590px){
div#tvarka-satc-notification-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}

ZestardTech_0-1747732820081.png
ZestardTech_0-1747732820081.png366×738 63.8 KB

Let me know if you need further assistance!

3

@ZestardTech not working