A user applied custom code to set their homepage image as a background, but the header logo now overlaps this image on mobile devices. They’re seeking a solution to adjust the mobile layout so the logo doesn’t cover the background.
Suggested Solutions:
Status: The issue remains unresolved with multiple pathways provided for obtaining custom coding help, as no ready-made mobile-specific code solution was available.
Hi there!
I entered a custom code to make my homepage image my background, however now on mobile the header logo is covering the image. Is there a way to customize the mobile experience so the header logo is not covering the background image? See screenshot below.
Hi, @xandoconsulting , thanks for reaching out.
I couldn’t find any custom coding to make this change specifically for mobile, but I’ll send you a few options you can check out to accomplish your goal.
If you’re using a Shopify made theme, you might be eligible for Shopify’s Design Time. Design Time is 60 minutes of coding changes to Shopify made themes that you can submit to our support team here. Write “Design time” in the chat > Click “I still need help” > Then follow the prompts to be connected to an advisor.
If you’re not using a Shopify made theme, you can contact the theme developer to see if they offer any type of coding changes or help.
You can also look at hiring a Shopify Partner to make this change for you and anything else you might be thinking of customizing. Check out our Shopify Partners directory here.
If none of these options work for you, try posting in the Partner and Developers forum here. You’ll find more partners and developers there willing to help with your customization.
