How to expand promo bar at VENTURE THEME

Solved
JLbyone
Explorer
197 19 47

Hi there, i made a new bar for venture theme, but im having some problems, on how to expand it auto with all resolutions 

this is what i got for now:

headerbar1.jpg

 

and this is how i want to left it:

headerbar2.jpg

 

anyone can help me with that?

anything needed, i will send by pm, cause im building site right now

thanks in advance!!

dmwwebartisan
Shopify Partner
5260 1211 1552

@JLbyone 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
JLbyone
Explorer
197 19 47

Thanks @dmwwebartisan i send you url by pm! 

dmwwebartisan
Shopify Partner
5260 1211 1552

This is an accepted solution.

@JLbyone 

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

@media only screen and (min-width: 750px){
#value-propositions_header, #value-proposition_header-item:nth-child(1) { margin-left: 0px !important; justify-content: flex-start !important;}
#value-propositions_header, #value-proposition_header-item:nth-child(2)  { justify-content: center !important; }
#value-propositions_header, #value-proposition_header-item:nth-child(3)  { justify-content: flex-end !important; }
}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
JLbyone
Explorer
197 19 47

@dmwwebartisan works like a charm sir! thanks so much for your time!