Having issues with Desktop and mobile views

Store Design
1

Hello,

My website is www.thepoppinghaircloset.net and I am having an issue with getting my mobile view to show my banners fully. Please advise on how to fix this.

My desktop view is fine. I just need to get the mobile view to look better. My theme is Boundless.

1 Like
2

Hello, @PHCLOSET

Welcome to the shopify Community.

Please Go to Online Store → Themes → Edit code → Assets → theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 450px) {
#shopify-section-162194931010f3b6c8 {
padding-bottom: 0px !important;
}
.hero {
background-size: contain;
height: auto;
}
}
3

@PHCLOSET

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (max-width:749px){
.hero--medium {height: 167px !important;}
.hero {background-size: contain !important; height: auto;}
}

Hope this works.

Thanks!

4

Thank you for the help.

How do I get everything to be centered now?

5

Great.

6

@PHCLOSET

Which elements do you want to place in center?

7

but i hsve only two files

theme.css
theme.js

where can i paste it