How can I adjust the width of my mobile website banner?

Store Design
1

I am having issues with my website banner. On mobile the beginning and end of the bee my oyster banner in the center is too wide. How can I fix this?

Website preview

https://beemyoyster.co.uk/?_ab=0&_fd=0&_sc=1

Many thanks

2

Hi @Hyperion ,

This is because of the height of you image. If you change your image height the section should be able to adapt to the height. If this is not possible, you can follow the instructions below

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the base.css file.
  3. Add the code below.
@media only screen and (max-width: 750px){
#Banner-template--16221398106336__image_banner > div.banner__media.media > img {
    height: 150px;
}

div#Banner-template--16221398106336__image_banner {
    height: 150px;
}
}