Hello, I hope you all are having an amazing day! I am trying to fix the look of my landing page because for some reason the padding or spacing between my areas are not consistent with each other and I am hoping that they can be the same! I am not sure if there is a setting that needs to be changed or possibly a place for code. The issue appears with both Mobile and Desktop. Thank you so much for any help in advance. My theme is Empire by Pixel Union and my shopify URl is CrazyCollecting.myshopify.com Thanks, Kyle
@crazycollecting
Hello,
#shopify-section-template--16417035649259__1644567058c9e204a0 {
overflow: hidden;
}
.slideshow {
margin: 6px;
}
.home-section--title {
margin-top: 1.25rem;
}
.collection-list__content[data-layout="grid"] {
row-gap: 1rem;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
Like This
Wow!!! Thank you so much @oscprofessional You guys are truly incredible!!! I was able to input the code you provided and for the mobile edition everything looks perfect!!! The only issue that I came across was now on the desktop edition for the slideshow and pictures. There appears to be a big shift to the left and I have attached a picture. If you could help me out in any way that would be perfect! Thank you so much for your help! I am also
actually in the need of some more optimization, so I will definitely be following up with you guys very soon! Keep on staying positive and amazing! Thanks, Kyle
Hello @crazycollecting
Go to the Online Store->Theme->Edit code->Assets->theme.scss.liquid >Add below the css at the bottom.
.slideshow {
margin: 0 auto;
}
Hello @crazycollecting
Go to the Online Store->Theme->Edit code->Assets->theme.scss.liquid >Add below the css at the bottom.
.page-masthead {
display: none;
}
Do you want it like this-
Hello, thank you so much for your help previously, You guys are the best and I was hoping you could help me with another issue. I hope you are having an amazing day! I am currently using the Empire theme by PixelUnion and I was wondering if there is a way to make my tabs at the very top shrink to the size of the screen. Using it on desktop, Phone, and everything else is perfect, I just noticed that only on Tablets the tab names kind of bunch up and look very weird. I have provided a picture. I am not sure if there is any code that could be used to auto adjust the font to the screen size or something like that. But any way to make it so the tabs are on one solid line instead of what appears to be two. Any help would be perfect! Thanks, Kyle
