How to make Simplr theme mobile friendly

  • Resolved marikan5

    (@marikan5)


    7 years, 4 months ago

    Hi guys,

    I just recently stumbled over this fantastically simple theme and I fell right in love with it.

    When run through the Google Mobile Friendly helper, Google tells me that the site is not optimized for mobile devices.

    Although I think it looks quite good already, I would like to pass the test on Googles sites, in order to increase the chance to also rank in Mobile search.

    What needs to be done to make a theme mobile friendly?

    Thank you very much,

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Anonymous User 16453565

    (@anonymized-16453565)

    7 years, 4 months ago

    hey, @marikan5

    To do that, go to header.php -> add meta tag in <head> section:
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>

    To do that, go to Appearance → Customize → Additional CSS and enter the following code:

    @media (max-width: 767px){
    body div#wrapper {
    width: 45em;
    width: 90%;
    }
    div.banner div#globalnav ul, div.banner div#globalnav ul li{
    line-height: normal;
    }
    div#header{
    margin-bottom: 1em;
    }
    .has-medium-font-size strong, .has-medium-font-size {
    line-height: normal;
    }
    .wp-block-image img{
    width: 100%;
    }
    }

    Thanx.

    Thread Starter marikan5

    (@marikan5)

    7 years, 4 months ago

    hey @snehalb890

    thank you very much for helping me out. this worked perfectly fine!

    i tried to do it on different homepage of mine and you can see the result here.

    however, when i use https://search.google.com/test/mobile-friendly it is still telling me, that clickable elements are aligned too closely to each other. i already deleted / changed the table from wordpress standard to table press to make it responsive. the problem is still not resolved.

    i tried to get rid of the menu on the top but this did not work as well.

    do you have an idea what the issue could be here?

    your help is highly appreciated. thank you very much!

    • This reply was modified 7 years, 4 months ago by marikan5.
    Thread Starter marikan5

    (@marikan5)

    7 years, 4 months ago

    hmmm … weird …. i did not change anything but now it works ….

    /edit/
    okay i checked again. the issue is back… weird
    /edit/

    • This reply was modified 7 years, 4 months ago by marikan5.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘How to make Simplr theme mobile friendly’ is closed to new replies.