Column width

[Kor van de Bunt]

Hi,

On the page https://www.mlbeauty.nl/new-home/services/producten/ the width of the first column differs from the column at https://www.mlbeauty.nl/new-home/services /treatments/ and https://www.mlbeauty.nl/new-home/services/huidproblems/

See screen shot:

https://ibb.co/FxyydY8 (products)
https://ibb.co/Lzqd5y2 (treatments)
https://ibb.co/q7gzXrr (skin problems)

I checked all the settings on the Products page again and adjusted them to the Treatments and Skin Problems page. Yet the differences in width remain.

Can you help me understand why this is happening?

Regards,

Kor

[Sonal S Sinha]

Hi,

Kindly use this CSS.

.responsive-column-wrap.skt-blocks-block-column {
  width: 100%;
}

Regards,
Brad

[Kor van de Bunt]

Thanks,

Regards,

Kor

[Sonal S Sinha]

🙂

[Kor van de Bunt]

Hi,

I also checked it on a mobile phone, but things are still not going well there with the page https://www.mlbeauty.nl/new-home/services/producten/ compared to the page https://www .mlbeauty.nl/new-home/services /treatments/ and https://www.mlbeauty.nl/new-home/services/huidproblems/. The width of the submenu as well as the yellow block of opening hours is wider on the products page than on the treatments and skin problems page.

See screen shot:

https://ibb.co/sP10gxm (products)
https://ibb.co/njcynfM (treadments )
https://ibb.co/zh381Ls (skin problems)

Can this be resolved so that it is the same on all pages?

Regards,

Kor

[Sonal S Sinha]

Hi,

@media screen and (max-width:479px) {
.block-3b9b25c0-43c0-43d5-bf37-94f6f9dffb81 .skt-blocks-block-column { padding-left:20px !important; padding-right:30px !important;}
}

Regards,
Brad

[Kor van de Bunt]

Happy 🙂

[Sonal S Sinha]

👍 🙂

Regards,
Brad

[Author]

Posts