Mobile Menu with footer - Sense theme

Solved
Elia18
Tourist
16 0 1

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
544 168 165

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

EBOOST

View solution in original post

Replies 9 (9)
EBOOST
Shopify Partner
544 168 165

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

EBOOST
Elia18
Tourist
16 0 1

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
Tourist
16 0 1

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
544 168 165

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

EBOOST
Elia18
Tourist
16 0 1

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

Elia18
Tourist
16 0 1

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

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

RobArt98
Excursionist
86 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
544 168 165

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

EBOOST
RobArt98
Excursionist
86 3 14

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

hopefully you can assist 🙂