Shopify themes, liquid, logos, and UX
Hi everyone
I would like my footer image to be aligned to the bottom of the page when on mobile view. I would also like the image to be smaller, compared to a laptop, so its more of a frame like on a laptop views (see pic)
I used this code to have the image in the footer:
#shopify-section-framework--footer{ background-image: url("your image url"); background-position: center; background-repeat: no-repeat; background-size: cover; }
I would also like to centre the email sign up form when in mobile view. Its currently off centre
https://laz-the-plant-scientist.myshopify.com/ pword test
sorry that issue
i have check now all good and center you have fixed?
hello @peter550
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media screen and (max-width: 459px){
.section--footer .footer--blocks .footer--block {
padding: 12px 0px;
}
}
@Kinjaldavra hi thank you. I put this code in the 'theme asyncc css' folder, as I couldnt find the 'assets/theme.css' folder. (see below). it did not work.
Pleas help?!
@Kinjaldavra to clairfy, I am now referring to the image in the footer being 1. too cropped/zoomed in 2. not aligning to the bottom, leaving a beige strip
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