Help with Genesis Sample Responsive Header

Community Forums Forums Design Tips and Tricks Help with Genesis Sample Responsive Header

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Sridhar Katakam 7 months, 2 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #76281

    Rick Rottman
    Participant
    Post count: 2

    When my site is viewed on an iPhone or an iPad in portrait mode, the header logo and tag line is butted up flush to the side of the screen, no padding whatsoever. I’d like to mimic the padding with .site-inner, which is a nice looking 5%. No matter what I change in the CSS, I can’t seem to get it done. Any advice?

    http://bentcorner.com/
    #77668

    Sridhar Katakam
    Participant
    Post count: 923

    Add the following in child theme’s style.css:

    @media only screen and (max-width: 768px) {
    
    	.site-header {
    		padding: 0 3%;
    	}
    
    }

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

You must be logged in to reply to this topic.