Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • June 13, 2017 at 12:43 pm #807409
    yampieters

    hi, when i open up my website on my mobile i get the message the site is not fit for a mobile phone.
    i didnt know why not so i took a check with some other plugin. the answer was it WAS fit for a mobile phone.

    but if i google my site i still get this message that its not fit for a mobile phone.(uw pagina is niet geschikt voor mobiele apparaten).
    im afraid this will keep away visitors from using / clicking it.

    why do i get this message and what to do about it?

    regards, jelle

    ps: if youll have a look at the screenshot youll see this message is only for the page with the pics on, not the homepage!

    June 14, 2017 at 4:29 am #807748
    Mike

    Hey jelle,
    I’ve not seen this before. I tested with the Google mobile tester and it passed: https://search.google.com/test/mobile-friendly?id=7JTEIcn7RqrPB9UG6eBXuQ
    Try clicking the “submit to Google” link on that page & also the ask questions link. As this is a Google issue, they would be the best resource for a solution.
    Please let us know what you learn :)

    Best regards,
    Mike

    June 14, 2017 at 2:59 pm #808033
    yampieters

    hello mike and thanks for the response.

    i ve contacted google just a while ago, so ill wait for their anwswer.

    but meanwhile: looking at that particular page* which im getting this warning at, if youll have a look at the screeshots, three things are
    needing some attention.

    1. the Caption text is too far to the left on the mobile
    2. the caption text of the first image stays in every image, its not changing
    3. the thumbnails are very very small. aint there a way to display them, only on mobile, a bit bigger, for example, below each other and not next to each other?

    June 15, 2017 at 5:23 pm #808631
    Victoria

    Hi yampieters,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media screen and (max-width: 450) {
    #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
        width: 24.3%;
    }
}

    You can adjust the width of the thumbs and make it bigger, if you need.
    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 15, 2017 at 6:12 pm #808656
    yampieters

    hi victoria, thanks for your help.

    its true the black captionsfields are now displayed not on the left but in the middle of my phonescreen, so, thats an improvement.
    but what has not changed: this black captionbox of the first pic you choose to enlarge, is displayed on EVERY pic. it just stays there, on its place!
    it should show the caption belonging to the next pic of course.

    June 16, 2017 at 11:17 am #808920
    yampieters

    Change number of gallery columns for mobile
    ok, i did some research via a test page:
    https://search.google.com/test/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect

    now, the problem was this: klikbare elementen te dicht bij elkaar = clickable elements to close to each other.
    this is only for the page mentioned below* as this is a image gallery.

    question is what to do about this.
    on a pc it looks great, but how to tell enfold:
    “once the site is viewed on a mobile, forget about the 12 columns and be satisfied with one or two colums.”

    any idea how to?

    • This reply was modified 7 years, 5 months ago by yampieters.
    June 19, 2017 at 7:54 pm #809926
    Victoria

    Hi yampieters,

    This code will do put your images in one column:

    
@media only screen and (max-width: 450px) {
    #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
        width: 100% !important;
    }
}

    You can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 20, 2017 at 7:51 am #810218
    yampieters

    hello victoria,
    thanks for your answer. despite i did exaclty what you told me to do, things still are the same after the changes. see pic.
    nothing has changed, really

    June 20, 2017 at 5:03 pm #810507
    Victoria

    Hi yampieters,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    June 22, 2017 at 9:39 am #811398
    yampieters

    hello victoria, sure, see below

    June 22, 2017 at 6:25 pm #811736
    Victoria

    Hi,

    Best regards,
    Victoria

    June 24, 2017 at 7:46 am #812412
    yampieters

    thanks
    1. which php version should i be running? it was 7.0, ive just enhanced it to 7.1
    2. if i reinstall enfold by hand, will i lose my content?
    3. im using this All In One Wp Migration Plugin; does it also grab the phpversion with it?

    • This reply was modified 7 years, 5 months ago by yampieters.
    June 24, 2017 at 8:01 pm #812499
    Mike

    Hi,
    if you reinstall enfold by FTP, you should not lose your content, because you will not over wight your database.
    Try to update manually via FTP: https://vimeo.com/67209750
    Or: http://kriesi.at/archives/the-complete-guide-to-updating-enfold
    The php version is a host thing, you can’t copy or move it, so All In One Wp Migration Plugin can’t “grab it”. But using the All In One Wp Migration Plugin does not limit you to one php version or the other.

    Best regards,
    Mike

    June 25, 2017 at 10:21 pm #812824
    yampieters

    hi mike, victoria
    all problems were caused by a certain line in my htaccesfile:
    Redirect 301 /wp-content/themes/enfold/framework/ https://vonkdesign-trappen.nl/

    the paths were wrong

    https: (Email address hidden if logged out)

    this should have been:

    https: (Email address hidden if logged out)

    now problems are solved, thanks anyway

    June 26, 2017 at 11:36 am #812985
    Victoria

    Hi yampieters,

    Glad you got it working for you! :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 6, 2017 at 5:56 pm #817406
    yampieters

    hello, if youll go to the link below youll find out the first gallery is now displayed oke on a mobile phone, but the second one (meubels) still suffers from the things mentioned at the beginning of this ticket:

    2. the caption text of the first image stays in every image, its not changing
    3. the thumbnails are very very small. aint there a way to display them, only on mobile, a bit bigger, for example, below each other and not next to each other?

    why is this oke now for the first gallery, but not for the second one?

    July 7, 2017 at 2:49 pm #817857
    Victoria

    Hi yampieters,

    So you just needed to add the second gallery selector, like this

    
@media only screen and (max-width: 450px) {
  #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a,
  #top #wrap_all .avia-gallery-2 .avia-gallery-thumb a {
    width: 100% !important;
}

    I am seeing different captions. Could you attach a screenshot with the captions issue?

    Best regards,
    Victoria

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.