Parallax Theme Mobile Optimisation - Not Showing Correctly

Shopify Discussion

Topic summary

A user reports mobile display issues with the Parallax theme on Shopify. The banner overlaps the header logo and search bar, causing misalignment at the top of the mobile view.

Desired Solution:

  • Remove the search bar entirely
  • Position the banner above the header/logo

Proposed Fixes:

  • GemPages support suggests adding custom CSS code to the theme.liquid file (placed above the tag) to adjust banner positioning
  • Typostores identifies a specific section causing the bug and recommends CSS modifications

Related Issues:

  • Another user reports similar Parallax problems where content doesn’t adapt properly to mobile/cell phone screens
  • A separate user (CarlosSoto94) asks about missing header menu on mobile using the “Fashe” theme and homepage slider cropping issues

The original issue appears to have potential solutions offered, but no confirmation of resolution from the initial poster.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

Hi all, just wondering if anyone can help. I am using Parallax theme, and for some reason the mobile optimisation is all out of alignment along the top.

The banner is sitting in front of the header logo and on top of the search bar, like this:

KatieM Website2.jpg
KatieM Website2.jpg425×403 38.5 KB

Is there any way to fix this? I’d actually like to remove the search bar altogether, and have the banner sit above the header/logo if that’s possible.

Many thanks in advance!

2

Hello @KU24
Glad to help you today.

Could you please share your store url, page URL ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

3

Hi @GemPages , thanks for your reply - the URL is https://katiemckennaphotography.com.au/ :slightly_smiling_face:

4

Hello @KU24
Thank you for reply

May I confirm if you want it like this: https://prnt.sc/3hJClFZ1XZBf

Best regards,
GemPages Support Team

5

Hello,

When I check on your site, I see it’s bug from secton this: https://prnt.sc/jDW2g3bebC9d

I think you only need change some code css for section this, it will work bester

if you need me help anything pls contact with me, I’ll help you

Thank you

6

Hello @KU24
Glad to help you today. I would like to give you some recommendations to resolve your issue.

If you only want to change the position of the banner move up a little bit, let’s try adding this code:

You go to your Online store > Themes > click 3 dots icons, Edit code > open theme.liquid and add the code above the tag

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages Support Team

7

hello i was wondering what did you do to solve the parallax problem ? i would very appreciate it… having the same problem… in a phone view my parallax screen gets out of the screen… it doenst adapt according to a cellphone view. Thank you.

8

Hello @GemPages ,

I am reaching out to see if there is anyway you could help me. For some reason I am unable to see the header menu on mobile for my shopify page. I am using the “Fashe” theme. If I were to add a “hamburger menu button” style or any that would be amazing!

Also wanted to ask if you know how I could resize the Home page slider as it is cropped on mobile?

My page is https://premierepeople.shop/

I appreciate your help and attention. Let me know what you think!

Thank you,
Carlos