Adjust Image Banner text width for mobile

RubyRobyns
New Member
3 0 1

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

 

 

 

 

 

Replies 2 (2)
Muhammad_Ali_S
Shopify Partner
534 98 148

@RubyRobyns 

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

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

 

Ali Shahzad | Designer | Developer
- Was my reply helpful? Click Like and Accepted Solution to let me know!
- Hire me | Whatsapp +92 3486775142
- Dawn Theme Customization or Bug Fixing
RubyRobyns
New Member
3 0 1

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%?

 

RubyRobyns_0-1650795709484.png