Contact us address top bar and side widget

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

This topic contains 2 replies, has 2 voices, and was last updated by  Monica Gallardo 4 days, 21 hours ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #8842

    Monica Gallardo
    Participant

    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?

    #8851

    Axle Support
    Moderator

    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;
    	}
    }
    
    #9051

    Monica Gallardo
    Participant

    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.