How can I adjust the page title position in the Dawn theme?

Solved

How can I adjust the page title position in the Dawn theme?

kknepple
Shopify Partner
7 0 1

Screenshot 2024-03-20 142801.png

I adjusted the class "narrow" in the Dawn theme width to take up 100% of the page and I am not sure if that was a great idea, however I would like to move the page title that is displayed at the top left of each page in about 25% of the page from left to right.  Where would i make this adjustment?

Accepted Solution (1)

Vinsinfo
Shopify Partner
485 164 167

This is an accepted solution.

@kknepple Please follow below steps to move the page title. Let me know whether it is useful for you.

 

1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "base.css" file and paste below code at the bottom of the file. Then save changes.

 

.page-width--narrow .main-page-title {
    width: 75%;
    margin: 0px 0px 0px auto;
}​

 

Vinsinfo_1-1711002994373.png

 


 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 2 (2)

Vinsinfo
Shopify Partner
485 164 167

This is an accepted solution.

@kknepple Please follow below steps to move the page title. Let me know whether it is useful for you.

 

1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search "base.css" file and paste below code at the bottom of the file. Then save changes.

 

.page-width--narrow .main-page-title {
    width: 75%;
    margin: 0px 0px 0px auto;
}​

 

Vinsinfo_1-1711002994373.png

 


 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
kknepple
Shopify Partner
7 0 1

Thanks for the help!!!!