Header image size not displaying correctly, responsively.

Support Area Forums Grassroots Header image size not displaying correctly, responsively.

Viewing 2 posts - 1 through 2 (of 2 total)
URL to the page in question: http://http://lincolnucc.org/about-lincoln/
  • Author
    Posts
  • #38028
    Edward Garrett
    Participant

    Morning Bill,
    Long time…
    My logo on this page: http://lincolnucc.org/about-lincoln/ disappears on tablet and phone.

    The css for positioning the logo and top-nav menu are in the child theme.

    Can you put a few steps in here for us about how to edit/fix responsive issues…

    Thanks, Bill
    Use the credentials below…

    #38030
    Bill Robbins
    Moderator

    Hi Edward,

    Good questions there. I looked through the child theme’s style.css file. It looks like based on what you have there, that you’re wanting to move the logo and navigation menu towards the edges of the screen. Instead of going with a negative margin, what you could do instead is increase the width of the content area. In the child theme’s style.css file, you can add this:

    
    #header-content {
    	width: 90%;
    }
    

    Along with that you can also take out the styles have negative margins for the logo and navigation. See if that doesn’t help out with positioning those in a way that they move back in as the screen size shrinks.

    Have a great weekend,
    Bill

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Header image size not displaying correctly, responsively.’ is closed to new replies.