Support » Theme: Fashionistas » Mobil Page View Only Covering 1/4 Size

  • Hi!

    I am working on a child theme of Fashionista. The homepage shows full size on a mobile device, but when you go to the post it only covers 1/4 of the page. My site is http://www.whentaniatalks.com.

    How do I get each post page to show full size on a mobile device?

    My CSS & HTML knowledge is basic so please bear with me.

    Many thanks for your help.

    Tania

Viewing 5 replies - 16 through 20 (of 20 total)
  • well, the problem with the slider is a bad mediaquery;

    @media only screen and (min-width: 0px) and (max-width: 1279px) {
    	#rev_slider_2_1, #rev_slider_2_1_wrapper { width:980px; height:360px;}
    }

    as this is the last of a set of mediaqueries and as it’s for screenwidth between 0 and 1279 pixels, it renders all the previous ones useless. don’t know if it’s your slider inserting it, but you should really remove that mediaquery and all will be fine 🙂

    frank

    Hi Frank,

    That’s really interesting, because within the slider settings those outputs are set.
    Layers Grid Size:
    Grid Width: 980 Grid Height: 360
    Responsive Sizes:
    Screen Width1: 940 Slider Width1: 770
    Screen Width2: 780 Slider Width2: 500
    Screen Width3: 510 Slider Width3: 310
    Screen Width4: 1280 Slider Width4: 980
    Screen Width5: 0 Slider Width5: 0
    Screen Width6: 100 Slider Width6: 100

    I’ve tried setting to 100%, 0, removing the 980 setting but every permutation doesn’t seem to fix it.

    maybe remove the 2 last ones and see what gives?

    Frank, you sir are a genius.. Removed the 1280 x 980 and poof problem solved.

    Thank you so much for your time and assistance. I can’t explain how grateful I am.

    you’re welcome jesse 🙂

    have fun,
    frank

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Mobil Page View Only Covering 1/4 Size’ is closed to new replies.