Website doesn't change to a mobile version

  • Moveya

    (@moveya)


    10 years, 6 months ago

    Hi,

    I had to change my header to remove the standard white space next to my header.

    After inserting the following code my header was fixed, but now it doenst change to a mobile version anymore.

    here is the code i inserted:

    site-header {
    background-image: url(‘http://www.moveya.nl/wp-content/uploads/2015/09/wallpaperte.png’);
    background-repeat: repeat;
    background-position: top center;
    background-attachment: scroll;
    }

    site-container {
    padding: 0;
    }

    site-header-right {
    display: none;
    }

    how can i keep my header fixed and change my website to mobile version again?

    Thanks

    website: http://www.moveya.nl

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Moveya

    (@moveya)

    10 years, 6 months ago

    Still I have a responsive theme

    zota marius

    (@zota-marius)

    10 years, 6 months ago

    use media query for desktop in css, and your code will affect only desktop version read more about media query 

    /* ----------- Non-Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 1) { 

    .site-header {
    background-image: url('http://www.moveya.nl/wp-content/uploads/2015/09/wallpaperte.png');
    background-repeat: repeat;
    background-position: top center;
    background-attachment: scroll;
    }

    .site-container {
    padding: 0;
    }

    .site-header-right {
    display: none;
    }

}
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Website doesn't change to a mobile version’ is closed to new replies.