StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Header Gap On Mobile Device-Fun Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Header Gap On Mobile Device-Fun Theme

This topic is: not resolved
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 11, 2015 at 3:50 pm #140524
    bloomeverafter
    Member

    Hello,

    I changed my header to be the full width, and it made a gap between my header and menu on my mobile device. What code do I need to change and where?

    I'm new at this, and appreciate any help!

    Thank you,
    Anna
    http://www.bloomeverafter.com

    http://www.bloomeverafter.com
    February 11, 2015 at 10:44 pm #140567
    chrismcintosh
    Member

    Anna try the following code. Add it to the end of your style.css file. Currently your height is set to 240

    @media (max-width: 600px) {
.header-image .site-title > a {height: auto;}
}

    This should make the height adjust when the browser gets below 600px

    February 12, 2015 at 7:21 am #140582
    bloomeverafter
    Member

    It worked! Are you also able to tell me how to decrease the padding or margin of my header logo so that it spans the width of the other content?

    Thank you so much!

    Anna

    February 12, 2015 at 8:02 am #140591
    bloomeverafter
    Member

    Chris,

    The code worked when I put it in my Edit CSS plugin, but not when I put it directly on the stylesheet. Do I have to make any updates so it works right on the stylesheet?

    February 12, 2015 at 8:05 am #140593
    bloomeverafter
    Member

    Never mind, got it to work. I still need help with the header though!

    Best,
    Anna

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.