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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024