How can I adjust custom HTML sections to have 65% width on desktop?

Technical Q&A
1

Hey guys,

I need your help so much!

With the code:

@media screen and (min-width: 749px){ /* This css code will only apply when your screen size is greater than 749px */ .section{ max-width: unset !important; width: 65%; /* You can change the percentage value as per your choice */ } }

All of the content has 65% width on the page - except the custom-html sections at the start-page.

The shop URL: c b d i a.eu (written together)

What should be in the custom-html code, so that the custom-html sections have 65% width, too?

Your help is the reason why we are using shopify. We are not using the 65% width on the side for desktop because of this problem.

Best Regards,

Hanni

1 Like
2

@Hanni_CBDSI

can you please send store url

3

Hey @KetanKumar ,

the URL is c b d i a.eu (written together)

Best Regards,

Hanni

1 Like
4

@Hanni_CBDSI

can you please send issue image so i will easy to guide you

5

Hey @KetanKumar ,

here is the example:

Hanni_CBDSI_0-1672907973897.png
Hanni_CBDSI_0-1672907973897.png2162×1614 689 KB

The Featured collection on the top is a Custom HTML and the one on the bottom is a featured collection on the startpage.
Our domain is:

c b d i a.eu (written together) did you found it? I already told you that Shopify don’t allows me to write it together.

Best Regards,

Hanni

6

Hey, could you help me? @KetanKumar

1 Like
7

@Hanni_CBDSI

yes, sure how can i help you?

8

I need your help.

Here is the domain: c b d i a . e u (written together)

With the code:

@media screen and (min-width: 749px){ /* This css code will only apply when your screen size is greater than 749px */ .section{ max-width: unset !important; width: 65%; /* You can change the percentage value as per your choice */ } }

All of the content has 65% width on the page - except the custom-html sections at the start-page.

The shop URL: c b d i a.eu (written together)

What should be in the custom-html code, so that the custom-html sections have 65% width, too?

Your help is the reason why we are using shopify. We are not using the 65% width on the side for desktop because of this problem.

Best Regards,

Hanni

9

Hey @KetanKumar ,

do you have an answer for me? See my text below.