Collection Description Too Large & Narrow - Dawn Theme

Solved

Collection Description Too Large & Narrow - Dawn Theme

misshan88
Visitor
2 0 1

Hi All, My Collection Page Description is WAY too large & too narrow on the page. Can anyone help? Thanks so much!

 

Screenshot 2024-07-26 154614.png

Accepted Solution (1)
BSS-TekLabs
Shopify Partner
2401 695 830

This is an accepted solution.

- Here is the solution for you @misshan88 
- Please follow these steps:

step.png

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media screen and (min-width: 750px) {
    .collection-hero__title+.collection-hero__description {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 1.6rem !important;
    }
}

- Here is the result you will achieve:

BSSTekLabs_0-1722009197140.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 4 (4)

BSS-TekLabs
Shopify Partner
2401 695 830


Hello @misshan88 .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
misshan88
Visitor
2 0 1

Hello,  Thank you for your response. My website address is: https://www.scentimelti.co.uk

 

Best wishes, Hannah

BSS-TekLabs
Shopify Partner
2401 695 830

This is an accepted solution.

- Here is the solution for you @misshan88 
- Please follow these steps:

step.png

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media screen and (min-width: 750px) {
    .collection-hero__title+.collection-hero__description {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 1.6rem !important;
    }
}

- Here is the result you will achieve:

BSSTekLabs_0-1722009197140.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Gideon11
Shopify Partner
46 5 5

Hi, I'd like to understand what you mean, kindly explain too large and too narrow and kindly provide your store url and password if applicable