How To Move The Word 'Instagram' Beside Country/Region Selector In Footer For Mobile

[MMast]

Thanks in advance!

I am looking to move the word 'Instagram' to be aligned and beside the country/region selector in the footer section on mobile only. Example shown below.

[BSSCommerce-HDL · Accepted solution]

Hi @MMast, Pls insert this code before </head> tag on theme liquid: 

@media screen and (max-width: 767px) {
  .footer-block--newsletter.scroll-trigger.animate--slide-in {
    position: absolute;
    z-index: 99;
    right: 15px;
    margin-top: 55px;
  }
}

Hope this can help you 

[niraj_patel]

Hello @MMast 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
.footer-block--newsletter.scroll-trigger.animate--slide-in {
position: absolute;
right: 36px;
margin-top: 57px !important;
}
.footer__content-bottom.scroll-trigger.animate--slide-in {
position: relative;
}
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[MMast]

It displays far away and the word is not clickable anymore.

 

[niraj_patel]

sorry for mistake

please remove my given code, I will try to give you another code
Thanks

[BSSCommerce-HDL · Accepted solution]

Hi @MMast, Pls insert this code before </head> tag on theme liquid: 

@media screen and (max-width: 767px) {
  .footer-block--newsletter.scroll-trigger.animate--slide-in {
    position: absolute;
    z-index: 99;
    right: 15px;
    margin-top: 55px;
  }
}

Hope this can help you 

[MMast]

Is there a way to remove it from showing up in the drop down menu? 

 

[BSSCommerce-HDL · Accepted solution]

Hi @MMast, Pls insert this code before </head> tag on theme liquid: 

body:has(.menu-drawer-container.menu-opening) .footer-block--newsletter.scroll-trigger.animate--slide-in{
   z-index: -1;
}

Hope this can help 😍

[BSSCommerce-HDL]

@MMast, We are happy to help you solve the problem. Have a good day 😍