m.example.com, setting up a mobile WP theme

  • Resolved thvs

    (@thvs)


    8 years, 1 month ago

    Hey wordpressers,
    have a client who wants a mobile version of their website, an all-inclusive responsive 1 style sheet is doubtful. Instead I am looking for 2 themes (one mobile && one normal/standard/desktop) to switch out pending on user-agent. The desktop theme is already developed, I found a plug-in that will switch to mobile theme based on the user agents but for a fee, any free alternatives? Can this be achieved without a plug-in or through just WP core? Also would a child-theme based off the regular theme work in this scenario?

Viewing 4 replies - 1 through 4 (of 4 total)
  • mrtom414

    (@mrtom414)

    8 years, 1 month ago

    You want to find a theme that is responsive. The theme will adapts to the size of the screen being used.

    Thread Starter thvs

    (@thvs)

    8 years, 1 month ago

    Thanks mrtom414, sadly I only have a regular theme with fixed width css layout for the content and client does does not want a redesign/update for regular (so much for mobile first approach), that is why i am inquiring about a child theme, because a lot of styles remain the same just the containers need to be adjusted to 100% width for mobile user-agents.

    mrtom414

    (@mrtom414)

    8 years, 1 month ago

    if your doing a child theme you can use media query to adjust the size. You would just have to add the statements

    @media screen and (min-width:400px) and  (max-width:800px){

}

    You would have to determine at what point the design breaks and add your max and min values. It’s just easier to build from small screens to large screens.

    I used both min-width and max-width but you can just use one or the other example

    @media screen and (max-width:500px) {

}

    this would only effect screens that are smaller then 500px.

    Thread Starter thvs

    (@thvs)

    8 years, 1 month ago

    mrtom414, I think you are right, I’ll try it out, thank you sir for your help, you are a gentleman and a scholar! 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘m.example.com, setting up a mobile WP theme’ is closed to new replies.