Hi there! Hoping someone can help me with what code I need to edit my footer in mobile only. I have a background image that is overlapping with my company information and footer menu. I’m thinking the easiest thing would be to just justify these two elements to the left or right (but totally open to…

What changed on the mobile view? @sarstar923 Try this and see

Would this work @sarstar923 ? [ThePrimeWeb_1-1710863569130.png] If you are ok with that then, Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid” Below the tag “” tag paste the following. Screenshot attached for reference. Screenshot is for reference only, the c…

Hi @sarstar923 Would you mind to share your store URL? Thanks!

[image] Queen City Crunch Women owned and run small business producing fan favorite small batch pretzels.

Actually, I did get it to work I believe but it changed the entire format on mobile view. I’d love for it to look like that but only want to footer to be edited.

Just put it back in and it didn’t do the same thing as it did before with the mobile view - so that is perfect! Thank you so much!!

Oh that’s great! Your site made me hungry haha :laughing:

Oh my goodness they are seriously the best pretzels!!

Footer Background Image Overlap in Mobile

Store Design

sarstar923 March 19, 2024, 5:57pm 4

I’d love for it to look like that, but unfortunately that code did not work for me!

Topic		Replies	Views
How to fix footer image resizing for mobile view using CSS? Store Design	7	96	September 21, 2021
How to add background image in footer? Refresh theme Store Design design , customizations , footer	7	117	April 27, 2024
Different footer image background for mobile Store Design footer	3	33	November 19, 2022
Footer menu header menu items overlaping in mobile view Store Design design , customizations , footer , css , shopify-themes	2	39	January 23, 2023
Footer image displays differently on mobile phone Store Design design	4	42	June 14, 2024

Footer Background Image Overlap in Mobile

Related topics