Adjust Image Banner text width for mobile

[RubyRobyns]

Hi all,

For the banner text:

'Personalised and handmade wire decorations and gifts'

I've changed the banner content width to 50% which looks great on desktop but is too narrow on mobile.

Could anyone advise what to change so that both desktop and mobile read:

'Personalised and handmade

wire decorations and gifts'

It has also changed the width for the slideshow beneath the banner, which I would like to be 100% width:

'NEW COLOURS

Introducing our new pastels colour collection' 

Thanks.

rubyrobyns.co.uk

password: elsie

[Muhammad_Ali_S]

@RubyRobyns 

Add this code at the bottom of your base.css file.

@media screen and (max-width: 749px) {
 .banner__content {
    width: 100% !important;
 }
}

[RubyRobyns]

Thank you, I've added that. However, the 'NEW COLOURS' section is still not aligning to the right properly so assuming the width of this isn't 100%?