@Ploqo this is the reply i didnt acc reply to you
also never mind their is a slider for the pages at the top so i just need this middle page centered down the middle
are you still there?
are you still there?
I opened your live store on Ritual and tried to find Center never holds.
1. Your text has invisible characters typed into it
- Your PREMIUM SERVICES. DELIVERED. line is not two clean words. Inside that one box you have about 30 spaces and 7 invisible marks that were typed in to push the words apart on desktop.
- You cannot see them, but they still take up width, so the line can never sit in the middle.
- Fix: tap that line, select everything in the box and delete it all, then type PREMIUM SERVICES. DELIVERED. fresh. Backspacing the spaces you can see is not enough, the invisible marks stay behind.
- Do the same clear-and-retype for any other line that will not center.
2. One of your pictures is saved off-center
- Your QUALITY YOU CAN TRUST. and the paragraph under it are not two things. They are one single image.
- That image has a wide empty strip on its left side and nothing on the right, so even when the block is centered the words look pushed to one side. No alignment button can fix a lopsided picture.
Two ways to fix that image:
- Re-crop or re-export it so the words sit in the middle with equal space on both sides, then re-upload. Center will then look centered.
- Or replace it with real text: delete the image block, Add block, Heading for the title and Text for the paragraph, and type the words. Text always centers, and it fixes the faded look and the mobile scaling at the same time.
Then center the section
- Tap an empty part of the banner so the side panel shows the section name at the top.
- Open Layout, set Alignment to Center. It now holds on desktop and on phone.
If u are still getting problems after multiple attempts, someone from community like @Moeed , @tim_tairli might help (there is dedicated page on Shopify listing Shopify partners for hire). They are Shopify parters for hire fixing themes problems like these . They might convert it into text rather than having text as images.
Or if you want to do it yourself, use Shopify sidekick, learn things like basics.
HI
I have seen your screenshots; it looks like the desktop layout was built by manually spacing elements into position. That often works on a large screen but breaks on mobile because everything reflows differently.
A few things stand out:
- Avoid using images for text. The “VALEN CO.”, “QUALITY YOU CAN TRUST”, and the paragraph should be actual text blocks, not images. Text blocks are responsive, scale properly across devices, are better for SEO, and are easier to alignn.
- Don’t rely on blank space or padding to position content. Instead, use your theme’s alignment settings (left, center, right), margins, or layout containers so elements reposition automatically on different screen sizes.
- The Footer logo (VALEN CO.) appears offset because its container likely has different padding or alignment than the rest of the footer. Check the footer section settings for horizontal padding or text alignment first.
If you’re using Shopify’s them editor (or a page builder), I’d recommend rebuilding that hero section using:
- A background image.
- Heading block (VALEN CO.)
- Subheading
- Text Block.
- Button.
That way, Shopify will handle the responsive layout for desktop, tablet, and mobile automatically, and you won’t have to fight with positioning.
One question: Which thene are you using? The best solution depends on whether this is a Shopify free theme or a page builder like PageFly, Ecomposer, Gempages, etc.