Shopify 2.0 Dawn theme aligning all page content to the bottom.

Luke_Firth
Shopify Partner
8 0 4

Hi everyone, I’m running the latest version of Dawn.

Site: https://kingdom-cards-uk.myshopify.com/
Pass: royaltea

 

The whole contents of my pages are aligning with the bottom of the page and sticking near the bottom, when they should be at the top, aligning with the header. I've attached a screenshot to show what I mean in case my description isn't very clear.

 

Is there a fix for this as it is slowly driving me insane haha.


Thanks so much for your help!


Lukedawnexample.png

Replies 14 (14)

Moira
Shopify Staff
2040 223 326

Hey @Luke_Firth,

 

I just took a look at your website and it appears your product pages are aligning correctly:

 

22-04-bx2hw-sfav5

 

Did you manage to resolve this issue? I'd be curious to know if we can isolate what you're seeing to your device or browser. Would you mind testing a few things for me?

 

  • Clear your cache and cookies - When you use a browser, like Chrome, it saves some information from websites in its cache and cookies. Clearing them fixes certain problems, like loading or formatting issues on sites.  
  • Ensure your browser is up to date.
  • Try an Incognito window
  • Try another browser (e.g. Safari).
  • Try completing the same steps on your phone, using data rather than WiFi.

 

Looking forward to hearing how that goes!

Moira | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog

Luke_Firth
Shopify Partner
8 0 4

Hi Moira

I've followed all the steps above but unfortunately the problem still persists - it's more noticeable on pages without much content. I have attached a screenshot of the 'delivery info' page (link in footer) to show.

The problem isn't there on mobile, but I think that might be because the footer expands beyond the size of the screen so there isn't empty space to compensate on there?

Thanks

Luke

dawn2.png

Moira
Shopify Staff
2040 223 326

Thank you @Luke_Firth for sharing your monitor specs etc, I think you are on the right track as I had no trouble with the alignment until I zoomed out / changed the ratio of my screen. See below:

 

22-04-mxfvm-zkvg3.gif

 

We will need to take a look into your themes javascript. I will let you know the outcome! 

Moira | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog

Luke_Firth
Shopify Partner
8 0 4

Hi Moira - did you have chance to look at this at all? The issue unfortunately still persists.

Moira
Shopify Staff
2040 223 326

Hey @Luke_Firth,

 

Thanks for waiting whilst I reached out to our technical team for further guidance on this. I will let you know as soon as I receive a response and hopefully we can resolve this for you!

Moira | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog

KetanKumar
Shopify Partner
36843 3636 11978

@Luke_Firth 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Luke_Firth
Shopify Partner
8 0 4

Hi

The problem is more noticeable on pages without much content. I have attached a screenshot of the 'delivery info' page (link in footer) to show.

I'm using Google Chrome, but have tried Edge also (and incognito windows) but the problem still persists. My monitors are 1440p and 4k resolutions if that makes a difference?

Thanks

Lukedawn2.png

KetanKumar
Shopify Partner
36843 3636 11978

@Luke_Firth 

oh sorry any way to i will connect your system on remote 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Luke_Firth
Shopify Partner
8 0 4

I'm unsure what you mean?

KetanKumar
Shopify Partner
36843 3636 11978

@Luke_Firth 

if possible to access your system about this issue 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

olaska
Visitor
1 0 1

Hi,

Same issue on our website. The issue seems to be the CSS grid attached to <body> - it spaces out the sections evenly until the content in the <main> tag grows.

Screenshots:
https://ibb.co/2tG4fR4
https://ibb.co/CmFVDyw

Have you found any fix for that?

shawn_mns
Visitor
2 0 0

this seems the root cause. I didn't figure out a solution.

 

Have you found any solution for it?

DwayneA
Tourist
7 0 1

Has a fix for this been found yet?

R2D21
Tourist
22 0 0

I think i have the same problem, has anyone found a fix?