Contact us address top bar and side widget

Home Forums Best Business Pro Contact us address top bar and side widget

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #8842

    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;

    That worked like a charm! Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Contact us address top bar and side widget’ is closed to new replies.