In the Dawn Theme, Making Text Full Width

Solved

In the Dawn Theme, Making Text Full Width

wmartindale
Tourist
6 0 5

When building my site I've noticed the text boxes are very narrow and aren't truly "full width" not sure how can i accomplish this.

 

wmartindale_0-1738764729048.png

 

Accepted Solution (1)
devcoders
Shopify Partner
990 127 250

This is an accepted solution.

Hello @wmartindale 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.spro-container {
    max-width: 100%!important;
}

 

devcoders_0-1739206445448.png

 

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

View solution in original post

Replies 12 (12)

B2Bridge
Tourist
112 16 22

Hi @wmartindale 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

LizHoang
Shopify Partner
866 100 131

Hi, can you share store url? 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
wmartindale
Tourist
6 0 5

devcoders
Shopify Partner
990 127 250

Hello @wmartindale 
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
wmartindale
Tourist
6 0 5

Site Link - https://eex0c0-vr.myshopify.com/

pass - paonta

devcoders
Shopify Partner
990 127 250

Hello @wmartindale 
On which page is that section appearing? Can you send the page URL?

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
wmartindale
Tourist
6 0 5

Its the home page, and technically all the pages don't see to be full width div's but here is an example as well 

https://eex0c0-vr.myshopify.com/pages/services

devcoders
Shopify Partner
990 127 250

Hello @wmartindale 
Do you want this?

devcoders_0-1739205728996.png

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
wmartindale
Tourist
6 0 5

Yes exactly! Is that something I can implement throughout the site as well? 

devcoders
Shopify Partner
990 127 250

This is an accepted solution.

Hello @wmartindale 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.spro-container {
    max-width: 100%!important;
}

 

devcoders_0-1739206445448.png

 

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
wmartindale
Tourist
6 0 5

Thank you @devcoders I will need to figure out making the products tiles smaller on the home page but appreciate helping

devcoders
Shopify Partner
990 127 250

Hello @wmartindale 

You're very welcome! I'm thrilled to hear that you're pleased with the outcome. Don't hesitate to reach out if you need further assistance.

like and accepting the All solution. Thank you!

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!