How can I center my logo and search bar on Venture theme?

Technical Q&A
1

I would like to center my logo and search bar like this website. I am using venture theme.

www.henrypride.com

I would also like my collection images to be much larger in mobile version. So they don’t have as much white space around them.

2

The image size for collections should be like www.vapetrik.com. I want images for mycollections to be large enough to touch each other and fill the screen on mobile

3

hello @evaninnerarity

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 729px){
.template-index .main-content .page-width:nth-child(3){
    padding:0px !important ;
}
.template-index .page-width .index-section .grid   .grid__item a.featured-card {
margin: 0px !important;
}
}
4

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
    @media only screen and (max-width: 749px){
    .template-index .index-section .featured-card{
    margin: 0 !important;
    }
    }
5

So I put this at the bottom and didnt see a change.

6

Put this next in replacement of first suggestion and still no change.

7

Then I came back to first suggestion and was very methodical and it gave me an error and the site had a white background. Need to learn more about html coding

8

I don’t understand, when you add it, image size for collections will display full like this: https://i.imgur.com/8cngGWl.png
What do you want to change, can send me screenshot with description. I will check it.

9

Ive attached what my header looks like now compared to Henry logo centered with search bar. I also attached how my collections appear. Small with a lot of white space. www.dicedungeon.com has their collection images appear how I would like mine. Fill the content box with no white space in between. Sorry for confusion. When I put in the code that was given I didnt the change I was looking for.

10

Sorry, https://henrypride.com/ isn’t your site?
When you post your question everyone thinks https://henrypride.com/ is your site and you want to make changes on it.
Please send your site and if your site is password protected, please send me the password. I will check it for you.

Henry Pride
https://henrypride.com

https://community.shopify.com/c/Shopify-Design/Enlarging-the-price-on-product-page-Icon-Theme/m-p/1284919#M334405
Kristen Luong, Hôm nay lúc 8:19 SA

11

Sorry for the confusion. My site is at www.keep-playing.com. the password is skahgi. Take a look and let me know what you think. Once you’re done let me know so I can lock it back down since I am still building the site. Thank you for your effort