Edit desktop and mobile separately

  • Hello. I added a border below the categories dropdown to see what it would look like, but I only want it to apply to the mobile version. How could I go about making edits only show in the mobile version, or if I wanted to, in the desktop version?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Ben Sibley

    (@bensibley)

    This can be done with a “media query.”

    Here’s a quick example:

    @media all and (max-width: 899px) {

  .site-title {
    font-size: 21px;
  }
}

    This code says to make the site title 21px when the screen is 899px wide or less. Period switches from the mobile menu to the desktop menu at 900px, and this is generally a good value to use as a cut-off point for targeting mobile devices.

Viewing 1 replies (of 1 total)
  • The topic ‘Edit desktop and mobile separately’ is closed to new replies.