Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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 ;
}
}
Hello @George230 ,
Welcome to the Shopify community!
Share your store url with password.
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)
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;
}
}
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
hello @George230
ca you please screenshot of your assets folder files and where to add code share screenshot
Hi,
First was at very top and 2nd at very bottom of it.
Hi, it's at very bottom
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 ;
}
}
I would but that number doesn't exist 11088
thanks mate it worked now appreciate it.
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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024