WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
[resolved] site-title img hidden when browser window small (5 posts)

  1. lleemon
    Member
    Posted 1 year ago #

    Trying to get the logo to be below the navigation when you resize your browser to be 425 (width). It appears that I could add padding/margin to #site-title img but that would mess up the 800+ width browser.

    Any suggestions?

    Site: http://fluidall.dkssystems.com/

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    In your Child Theme or Custom CSS/Styles section of the dashboard, add this;

    @media screen and (max-width: 760px) {
     #site-title {
      top: 120px;
      position: relative;
     }
    }

    Mess about with your top values.

  3. lleemon
    Member
    Posted 1 year ago #

    yes, this works. question is, how? is this a hack? so is there a good site that explains what this is doing?

  4. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    Sorry, I should have posted this resource.
    http://css-tricks.com/css-media-queries/

    It's not really a 'CSS-trick' as the website names itself. It's legitimate and supported by W3C .
    http://www.w3.org/TR/css3-mediaqueries/

  5. lleemon
    Member
    Posted 1 year ago #

    this is nice. changing css based on width of browser, great info. Thanks! Much appreciated.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.