How can I resize the banner on the Dawn theme for desktop view?

Store Design
1

Hello. I seem to be having trouble resizing the banner on my theme.

On mobile, the banner is the right size and doesn’t take up the whole screen. however, on desktop, the banner fills the whole screen.

I know i can fix this problem by placing margins on both the left and right sides of the banner, however, I am not sure how to make these changes to only desktop/large screen sizes.

The rest of the page is fine and resizes itself to my liking. just not the banner.

here is the link to the website

https://shinydog-com.myshopify.com/

pass is robbie01

thanks

2

Hello [email removed]RobbieKohler

For resizing banner on dawn theme, add this code to your base.css file.

Navigate to online store >> Click edit theme code.

Now find base.css and paste the following code.

@media (min-width: 1000px){
  #shopify-section-template--14240059588706__16414105315a6afd34 img
                                                    { 
               						width:100% !important;
						     }
}

I hope it will be helpful for you.

Did it solve your issue?

  • If yes, Like & Mark As Solution to help the community

  • If not, let me know. also share a screenshot of the code that you added.

3

Hi @RobbieKohler ,

I checked and your site has 2 banners, can you send me screenshot with detailed description, i will help you to solve it quickly.

You want the banner image not to display fully on both desktop and mobile? please explain more about it.