Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 23, 2015 at 8:54 am #433306
    kailibuy

    Hi, didn’t realize this problem until I tested it today on my mother’s ipad and ipad mini 2. the logo were pushed to the left and cut off on both devices on landscape view. It works fine on portrait mode and with any other browsers on desktop.

    here’s the image obtained on browserstack.com

    the second problem is, when the screen is reduced, the right side of the logo is cut off. This happens on firefox and IE, works fine on chrome.

    the image is also attached

    • This topic was modified 9 years, 8 months ago by kailibuy.
    April 23, 2015 at 3:02 pm #433506
    Yigit

    Hi kailibuy!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-mozilla .responsive .logo img { width: 100%; }

    I could not reproduce logo cut off issue when i tried resizing browser window and on ipadpeek.com. Unfortunately i do not have a chance to check your website on actual ipad.
    Have you figured it out already?

    Regards,
    Yigit

    April 23, 2015 at 6:38 pm #433682
    kailibuy

    1) for the problem with on ipad/ipad mini, logo is pushed to the left side and cut off,
    it’s weird that it’s not reproduced on ipadgee.com. on browswerstack.com it is and on actual ipad/ipad mini I was able to reproduce the problem.

    Can any moderator/participants with ipad/ipad mini confirm this problem?

    2) for the second problem, “when the screen is reduced, the right side of the logo is cut off. This happens on firefox and IE, works fine on chrome.”
    I add the code in quick CSS, didn’t seem to make any difference for logo being cut off on the right side on firefox/IE.

    .avia-mozilla .responsive .logo img { width: 100%; }

    April 24, 2015 at 5:55 pm #434291
    Andy

    Hey!

    for me your logo is pushed to the right on desktop:

    Where do you want your logo to be? maybe centered above menu? Use this code to control position of the logo

    .logo {
left: 0% !important
}

    adjust it to “-10%”, “10%” or whatever is best for you.

    If you want to target iPad screen size only use this code:

    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
.logo {
50% !important
}}

    Regards,
    Andy

    April 28, 2015 at 9:58 pm #436404
    kailibuy

    still no solutions yet?

    April 30, 2015 at 4:49 am #437175
    Rikard

    Hey!

    Did you try Andy’s suggestions and did you have any luck with them?

    Regards,
    Rikard

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