Shopify themes, liquid, logos, and UX
on mobile, I want the header to be on top of the image in my "image with text" section. how do I do so?
Hi @Eman_Akb
Could you share the link to your store and explain more about your request?
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
The text goes on over the image just fine on desktop as as shown in BSSCommers reply to my post.
but the text goes under the image on mobile which is what I'm trying to fix
1. Using the Shopify Admin (Easiest Method)
2. Using javascript
Step 1. Go to Admin -> Online store -> Theme > Edit code
Step 2. Find the file theme.liquid
<script>
document.addEventListener("DOMContentLoaded", function() {
var section1 = document.getElementById("shopify-section-sections--16262079283335__2c2ec774-3430-481f-b927-e9c035b9d24e");
var section2 = document.getElementById("shopify-section-sections--16262079283335__header");
var parent = section1.parentNode;
parent.insertBefore(section2, section1);
});
</script>
Result
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
It did not work. The text goes on top io the image just fine on desktop as your showed in your result picture.
but the text goes under the image on mobile.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025