WordPress.org

Forums

Bushwick
[resolved] Site title to hide on smaller screens using CSS (2 posts)

  1. asunshine
    Member
    Posted 1 year ago #

    Hello,

    Can I please have assistance w/ creating CSS to hide site title on smaller screens?

    Thank you.

  2. You can learn more about using media queries that target certain screen sizes here:

    http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

    The site title can be hidden with this CSS:

    .site-title {
      display: none;
    }

    Putting this CSS within a media query like the ones you see in the tutorials above will restrict the hiding to whatever screen size you like.

    For example, if you want to restrict the hiding to devices with screens under 768px wide, you could try this:

    @media only screen
    and (max-width : 768px) {
      .site-title {
        display: none;
      }
    }

    Let me know how it goes.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.