Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 19, 2020 at 12:58 pm #1186006
    mofix

    Hi, In my frontpage I have 4 columns with images (drawn/icons) and with accordion under each. They look great on larger screens and also many mobile screens, but for small mobiles the images is rotating 90, just the images, not the text. How can that be? Please help!
    And there’s also an issue with a blue line on the accordion on some browsers, I got a css to remove it: .toggler:focus {
    outline: -webkit-focus-ring-color auto 0 !important;
    }
    , and it helped some, but it’s still there for a few.

    Kindly regards, Mathilde

    February 19, 2020 at 2:09 pm #1186044
    Yigit

    Hi Mathilde,

    Thanks for contacting us!

    1- Have you changed the rotation of your image after uploading it to WordPress? Please try uploading your image in correct orientation.

    2- Could you please point out the blue lines you could not remove? I checked your accordion element however there is no blue line on my end.

    Your website looks great by the way!

    Best regards,
    Yigit

    February 19, 2020 at 3:01 pm #1186069
    mofix

    Hi Yigit,
    Thanks a lot. Will try to upload the images again in correct orientation.
    See link in private content regarding blue lines in mobile screenshot.
    So glad to hear that you like the website :-)
    Will let you know about the images very soon.
    Kindly regards, Mathilde

    February 19, 2020 at 5:28 pm #1186121
    mofix

    Hi again, I made the images a bit smaller and uploaded them in right orientation, but they still rotate??? Can’t understand what’s happening??
    Kindly regards, Mathilde

    February 20, 2020 at 1:28 pm #1186341
    Yigit

    Hi,

    Have you tried flushing cache after applying the changes?
    As you can see here – https://wordpress.org/support/topic/image-orientation-wrong-on-mobile-device-2/ this is a known issue with IOS and uploading images in correct orientation seems to be the solution.

    Could you please try using the code as following

    .toggler:focus {
outline: unset !important;
}

    Best regards,
    Yigit

    February 25, 2020 at 12:31 pm #1187664
    mofix

    Hi, Thanks Yigit, now te toggler looks okay!!
    Regarding the images, I had to open them all in Fireworks, make new files, copy one by one over into the new file with same size, save them with another name, and then finally they don’t rotate in mobile view! Crazy, but then you know! :-DDDD
    Kindly regrads, Mathilde

    February 26, 2020 at 5:18 am #1187945
    Rikard

    Hi Mathilde,

    Thanks for the update, so everything is working as it should now then? Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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