Why is there a blank space at the top of my page on desktop view?

Store Design

Topic summary

Blank space at the top appears only on a desktop page using the page.details template; other templates are unaffected. A URL and screenshot were shared to demonstrate the issue.

  • One responder said the page looked fine and provided a screenshot, but referenced the .org domain instead of the original .fr URL.
  • Proposed fix: edit the theme’s Asset/style.css and add a CSS rule: .page-details { position: unset !important; }.
  • Explanation: setting position to “unset” resets any custom positioning, removing unintended vertical whitespace at the top.

Outcome:

  • The original poster confirmed the fix “works like a charm,” resolving the issue.

Notes:

  • The code snippet is central to the resolution.
  • Screenshots were used to verify both the problem and a test view.
Summarized with AI on February 21. AI used: gpt-5.
1

Hi,

Since a few days a blank space appears on desktop on the top of only one page. I know the issue is due to the page template (page.details) as there is no blank with some other templates

gggdgertr.JPG
gggdgertr.JPG1840Ă—938 307 KB

Here is the url :
www.thesexyscientist.fr/pages/karma-lotus

Can someone please help me with this ?

Thnak you so much

Jb from France

2

Hello there,
Working fine!

Screenshot :- https://img001.prntscr.com/file/img001/KNb2P__5T7WaYTGa7yqbKQ.png
https://www.thesexyscientist.org/pages/karma-lotus

3

Hi @JB_from_france ,

I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

Here are the Solutions!

Go to Online Store->Theme->Edit code

Asset->/style.css ->paste the below code at the bottom of the file.

.page-details { 
 position: unset !important;
}

If you have any concerns feel free to ask me!

Regards,
Ani

1 Like
4

Thank you so much it’s working like a charm !

All the best
JB