Shopify Design

Luke_Firth · ‎04-24-2022

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!

Luke

Moira · ‎04-24-2022

Hey @Luke_Firth,

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

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 · ‎04-25-2022

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

Moira · ‎04-26-2022

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:

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 · ‎04-26-2022

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

Moira · ‎04-26-2022

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 · ‎04-24-2022

@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 · ‎04-25-2022

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

Luke

KetanKumar · ‎04-25-2022

@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 · ‎04-26-2022

I'm unsure what you mean?

KetanKumar · ‎04-26-2022

@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 · ‎08-12-2023

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 · ‎11-18-2023

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

Have you found any solution for it?

DwayneA · ‎10-28-2023

Has a fix for this been found yet?

Shopify Design

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

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links