Logo on mobile not resizing

Community Forums Forums Design Tips and Tricks Logo on mobile not resizing

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Digital Pure 5 months, 2 weeks ago.

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

    Digital Pure
    Participant
    Post count: 4

    Hello,

    I am at a loss as to why my logo is not responding to smaller sizes. All other images are auto scaling but this one does not want to work for some reason. Anyone got any ideas… it is the last little thing for this friends site.

    http://www.crossfitsterling.com

    http://www.crossfitsterling.com
    #112804

    neilgee
    Member
    Post count: 133

    The widths are explicitly set in pixels try adding this in your style.css

    @media only screen and (max-width: 600px) {
    
    	.header-image .site-title a {
    		width: 100%;
    		background-size: contain;
    		min-height: 180px;
    	}
    
    	.header-image .site-header .widget-area {
    		padding-top: 0;
    	}
    
    	.title-area {
    	width: 100%;
    	min-height: 0;
    	}
    }

    #112897

    Digital Pure
    Participant
    Post count: 4

    Thank you very much that is working brilliant….

    Now to try and get the right widget to center when it wraps… Tried using margin: 0 auto; and it is not working… for now I padded the left side so it stands off the left side, and floated it to the right.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.