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.

[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 on theme.liquid

@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; } }

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]

Hi @MMast , Pls insert this code before 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

[BSSCommerce-HDL]

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

[MMast]

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

[BSSCommerce-HDL]

Hi @MMast , Pls insert this code before 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