How can I move the footer menu up on mobile with Prestige theme?

Store Design
1

Hi guys,

Does someone know how can I shift up the footer menu on mobile devices?

See the screenshot below.

I’m using PRESTIGE theme

Any help will be very appreciated. Thank you.

Screenshot_20210927-113516_Chrome.jpg
Screenshot_20210927-113516_Chrome.jpg1080×2201 86.2 KB

2

Hello @George230 ,
Welcome to the Shopify community!
Share your store url with password.

3

Hi,

Here’s the url

https://jolistore.co.uk/

4

Hi @George230 ,

@media only screen and(max-width:749px){
.Footer__Block.Footer__Block--links {
    width: 50%;
    float: left;
}
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

Note : If your store is having this media already (for mobile version) then no need to add whole code . Only just add css in that media ie 749px(already exist)

5

hii, @George230
Paste this code on top of the theme.scss file.

@media only screen and(max-width:768px){
.Footer__Block.Footer__Block--links {
    width: 50% !important;
    float: left !important;
}
}
6

Hi mate thanks for getting back.

The code it’s not working. I have added at the bottom of theme.css. - I don’t have theme.scss

7

Hi mate thanks for getting back.

The code it’s not working. I have added at the bottom of theme.css. - I don’t have theme.scss

8

hello @George230

ca you please screenshot of your assets folder files and where to add code share screenshot

1 Like
9

Hi,

First was at very top and 2nd at very bottom of it.

10

Hi, it’s at very bottom

16328329981692436335622704165353.jpg
16328329981692436335622704165353.jpg3000×4000 820 KB

11

hello @George230

can you please put the code after line number 11088 of the below code

@media only screen and (max-width: 749px) {
.Footer__Block.Footer__Block--links {
    width: 50% !important;
    float: left !important;
   display:block ;
}
}
2 Likes
12

I would but that number doesn’t exist 11088

13

thanks mate it worked now appreciate it.