How can I align and maintain consistent font size across all pages in Dawn?

Hello.

I am trying to have the headers and layout from catalog, contact and other pages on the same location. (everything should be same with and location as in catalog). Now the Catalog is allign with the menu, but the header from contact or new pages I create is somewhere in the middle.

I have added this code to /base.css. but this moves the whole menu also, but its already close to what i am looking for.

.page-width {
    max-width: 160rem !important;
}

I simply want every page aligned and no font jumping.

In the example below:

  • everything should be aligned with the Dawn logo
  • Font size from Contact us and Bags should be same
  • text location from mainbody (Filter… and Trade Name…) should be on same place on each page.

Is this possible to archive?

thank you

1 Like

@Impexum

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

@KetanKumar Thank you for your reply.

My side is: https://liquidationstock.com/

its unpublished, so I am not sure if this can help. But I didnt do much yet on this page, its from the Dawn Theme
https://themes.shopify.com/themes/dawn/styles/default/preview

But I also saw, that all other free shopify themes have the same settungs/issue

Thank you