Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #433306

    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, 7 months ago by kailibuy.
    #433506

    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

    #433682

    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%; }

    #434291

    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

    #436404

    still no solutions yet?

    #437175

    Hey!

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

    Regards,
    Rikard

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