How can I adjust image sides and text size for mobile view?

Aloha!

Can someone please help me with the coding, so the attached image is filled in on the sides for the mobile version!

Also, is there a way to make the text bigger? Or do I need to do that seperately?

Mahalo!

Randi

@randicamacho
Hello,

can You Please Share the Store URL…

Hi, @randicamacho

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
@media(max-width:786px){
 #Hero-16376563245063781e{
    background-color: #FDF6ED !important;
 }
}

as this is a picture its text size cannot be controlled by code. you need to change the size of the text on the image.

Hello @randicamacho ,

Could you please share the store URL with us, so we can check it on our end and let you know the exact solution?

Regards,

CedCommerce

@randicamacho

#Hero-16376563245063781e {
	background-color: #fdf6ed;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Like This