Contact us address top bar and side widget

[Anonymous]

Hi there,
I am having some issues with how the address is being displayed in two places:

-“Quick address” top bar: in mobile devices, the zip code is showing in a second line, and it looks like that line is the same height as the text, so there is no space between the two lines. I think there is enough space to show the address in one line, but I am not sure how to change the box-sizing.

-The “contact-detail” address in the side widget also breaks into two lines. I understand there is not enough space to show it in one line but, is there a way to justify the second line, so it starts under the “Address” and not under the icon? Or even better, make this a two-line field so that the street address in the first line and the town, state and zip code in the second line, justified?

[Axle Support]

Can you please try following CSS?

@media only screen and (max-width: 479px){
	.cart-section {
	    position: absolute;
	    top: 15px;
	    right: 0;
	    z-index: 99;
	}
	.right-head {
	    position: relative;
	}
	#quick-contact {
	    width: 100%;
	}
	.address-info-wrapper::before {
	    position: absolute;
	    left: -11px;
	    top: -1px;
	    border: none;
	    line-height: 1.4;
	}
	.address-info-wrapper {
	    padding-left: 20px;
	}
}

[Anonymous]

That worked like a charm! Thank you!

[Author]

Posts