Center feature banner

Solved
Highlighted
New Member
2 0 0

I have this image i am trying to center with the page. Editing the .featured-banner.liquid, the theme.scss.liquid and the header.liquid dont seem to work.  I've edited the header so I could use a custom nav bar instead of the side bar. But I'm stuck because I want to periodically change the image so I wanted to make use of the featured banner but I guess if I can still have a fuctional shop and get the image centered a different way I wouldnt mind.

 

Thank you

nickt12383_0-1598811467137.png

 

my site is here

0 Likes
Highlighted
Excursionist
334 50 77

This is an accepted solution.

Please place this code at the end of theme.scss

.banner__image-wrapper {
padding: 0px !important;
}

.banner__image-wrapper img {
  width: 50%;
  position: relative !important;
}

@media only screen and (min-width: 750px) {
.medium-up--four-fifths {
   width: 100% !important;
}
}

 

if this solution works, then please accept it as solution and please like

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
1 Like
Highlighted
New Member
2 0 0

Thank you this did work. I really appreciate it I was stuck on it for a while.

That will definitely help me get the site up and going!

0 Likes