Solved

How can I add a footer to the mobile menu in Sense theme?

Elia18
Excursionist
16 0 2

Hello team!

 

I'm trying to add part of the footer in the mobile menu, I have Sense theme and I don't find any way to do it.

I think I should do it with some code.

Any clue how to add it here?

I'm attaching the picture where I want to add it!

 

Hope someone can help! Thanks in advance! 

Captura de pantalla 2023-01-25 a las 15.58.38.png

Accepted Solution (1)
EBOOST
Shopify Partner
833 229 256

This is an accepted solution.

Hi @Elia18 

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_2-1674802164507.png

2. Layout/theme.liquid
3. Add code below to bottom of file before </body> tag-> This code append all content of footer to here

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script>
      $('.menu-drawer__utility-links').prepend($('.footer').html())
    </script>

EBOOST_0-1674820715591.png

 

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤

View solution in original post

Replies 9 (9)

EBOOST
Shopify Partner
833 229 256

Hi @Elia18 

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Sections/header.liquid

EBOOST_0-1674703411567.png

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤
Elia18
Excursionist
16 0 2

Thanks but I don't know what code to add if I want for example my first column of the footer from my website.

Do you know when starts and when ends in the footer code? thanks!

Elia18
Excursionist
16 0 2

Thanks @EBOOST  but I don't know what code to add if I want for example my first column of the footer from my website.

Do you know when starts and when ends in the footer code? thanks!

EBOOST
Shopify Partner
833 229 256

This is an accepted solution.

Hi @Elia18 

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_2-1674802164507.png

2. Layout/theme.liquid
3. Add code below to bottom of file before </body> tag-> This code append all content of footer to here

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script>
      $('.menu-drawer__utility-links').prepend($('.footer').html())
    </script>

EBOOST_0-1674820715591.png

 

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤
Elia18
Excursionist
16 0 2

Amaaaaazing! thanks a lot!!!👏👏👏👏👏👏👏👏👏

Elia18
Excursionist
16 0 2

Amaaaaazing! thanks a lot!!!👏👏👏👏👏👏👏👏👏

Do you think you can help me with this as well? @EBOOST 

RobArt98
Pathfinder
96 3 14

Hey EBOOST,

 

thanks for your code, it looks good but i have some styling issues.

Is there a possibility to adjust the "footer" as well to put "Login" on other position?

Bildschirmfoto 2023-10-30 um 13.29.11.png

waiting for your response 🙂

thanks in advance

EBOOST
Shopify Partner
833 229 256

Hi,

Could you share your url store? We will help to check it.

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤
RobArt98
Pathfinder
96 3 14

hi @EBOOST , sorry im not allowed to share passwords or urls. 

hopefully you can assist 🙂