Justify Content CSS Issue

[donwattz1459]

II am trying to override the code on mobile devices. Worked before but not having any luck. I need the button with the call, and reviews along with the image to be space-between. Right now it is flex end.

Have tried this:

@media (max-width: 767px){
.hm4.x-bar-container > .contact_bar{
    justify-content: space-between !important;
}
}

not luck.

This is the URL: http://capps.wpdevurl.com/

[nico]

Hi @donwattz1459,

Thanks for writing in.

I could see that this code below is executed that is why your code above is not working.

Update your code to this so that it will work.

@media (max-width: 767px)
(index):89
   .hm1.x-bar-content, .hm12.x-bar-content, .hm4.x-bar-container {
    justify-content: space-between !important;
}

Hope it helps.

Let us know how it goes.

Thanks.

[donwattz1459]

That did not work.

[friech]

Hi There,

Sorry about that, there is an typo on the CSS code given. Please update the given CSS code to this instead:

@media (max-width: 1022px) {
	.contact_bar {
		justify-content: space-between !important;
	}
}

Hope it helps,
Cheers!

[donwattz1459]

That worked. Thank you

[friech]

Glad we could help,

Cheers!