Default Mobile Css with Mystile theme

  • Hello all,

    I am currently using “Mystile” on my WordPress website.
    I’ve created an child theme, and added custom css to it.
    Now, the website looks great on de desktop version, but unfortunately it is a little bit messed up on the mobile.

    Is it possible that I can use the default css for mobile, but use custom css for desktop version? And if it is, how can I do this?

    Kind regards,

    Robin

Viewing 3 replies - 1 through 3 (of 3 total)

  • As long as you haven’t added any media query CSS then it should override by default.

    You havent added any mobile specific CSS into your child theme have you?

    Thread Starter robinjoshua

    (@robinjoshua)

    Thanks for the reply.
    I’m not sure whether I have added mobile specific css. I’ve used “!important;” often while the changes otherwise would not be visible on the desktop version.

    Maybe it is more clear if I leave my URL.
    argan-company.nl

    I’ve made these adjustments:

    div#wrapper {
    background: #333;
    }

    body {
    padding: 0 !important;
    }

    h1 {
    color: #fff!important;
    }

    ul.products li.product h3 {
    color: white;
    }

    p,
    .widget h3,
    .widget ul.product_list_widget li,
    .widget ul.product_list_widget li a {
    color: #fff !important;
    }

    #header #navigation ul.nav > li a {
    border: 0 !important;
    background: #333 !important;
    color: #fff !important;
    }

    #header #navigation ul.nav > li a:hover {
    color: #dfbe20!important;
    }

    #footer-widgets .widget:first-child h3 {
    color: #333 !important;
    }

    Thanks for your help

    Ah ok, i see you have changed quite a lot of colours and stuff, that will remain the same. I think i misunderstood slightly in your original post.

    If you want to change things for mobile sites, you need to target screen sizes under a certain size using media queries. If you want to learn about those, read this link:
    https://css-tricks.com/css-media-queries/

    hopefully that helps

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Default Mobile Css with Mystile theme’ is closed to new replies.