Dawn theme; How can I keep the box size and text centerd on mobile, on my slideshow

[blublu]

A complexe one here:

<style> /* Media query for mobile devices (max-width: 767px) */ @media (max-width: 767px) { .slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-scheme-1.gradient.slideshow__text--center.slideshow__text-mobile--center { width: 90%; /* Make the box narrower on mobile */ padding: 10px; /* Reduce padding on mobile */ margin: 0 auto; /* Center the box on mobile */ text-align: center; /* Ensure text is centered */ background-color: #5d2e8c !important; /* Maintain background color on mobile */ } } </style>

This code i added to keep the box background same color on mobile and desktop. I used custom width too.

Now, I need help because this doesn't seem to apply to all text in the boxes on the banner: title and button are not part visually of the box if I modify the code to add this:

height: 200px;

display: flex

justify-content: center

align-items: center

https://blublu.ca/

saghoo is the password

[Made4uo-Ribe]

Hi @blublu 

Im not sure what do you like to change but adding that code must have a semi-colon. Like this below. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!