Solved

Shifting up footer menu on mobile

George230
Tourist
22 0 0

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

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

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

 

 

View solution in original post

Replies 12 (12)

oscprofessional
Shopify Partner
15830 2369 3072

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
George230
Tourist
22 0 0

Hi,

 

Here's the url

 

https://jolistore.co.uk/

oscprofessional
Shopify Partner
15830 2369 3072

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)

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Zworthkey
Shopify Partner
5581 642 1565

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



George230
Tourist
22 0 0

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

Kinjaldavra
Shopify Partner
2302 570 1422

hello @George230 

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

George230
Tourist
22 0 0

Hi,

 

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

George230
Tourist
22 0 0

Hi, it's at very bottom 

16328329981692436335622704165353.jpg

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

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

 

 

George230
Tourist
22 0 0

I would but that number doesn't exist 11088

George230
Tourist
22 0 0

thanks mate it worked now appreciate it.

George230
Tourist
22 0 0

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