Redirecting to Mobile Stylesheet

  • Hello, currently I have a child theme for my twenty-thirteen desktop view. If I want to redirect to a different style-sheet for mobile devices, would that be a separate a child theme?

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You just need to wrap your CSS in a media query. You can add CSS using a Custom CSS plugin

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      @media screen and (max-width: 480px) {
    // the mobile styles
}
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    Thread Starter chineloogbonna

    (@chineloogbonna)

    Thank you Andrew. Please excuse my lack of knowledge, but if you could just clarify your response for me. When you say, “if I am not going to use a Child Theme than I should install the plugin.” Do you mean a Child Theme for my mobile site, because I am using a Child Theme for my desktop view. Can I still use the plugin for my mobile site when I currently have a Child Theme for my regular site?

    Thank you an advance.

    Chinelo

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Redirecting to Mobile Stylesheet’ is closed to new replies.