-
AuthorPosts
-
April 23, 2015 at 8:54 am #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, 6 months ago by kailibuy.
April 23, 2015 at 3:02 pm #433506Hi 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,
YigitApril 23, 2015 at 6:38 pm #4336821) 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 #434291Hey!
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,
AndyApril 28, 2015 at 9:58 pm #436404still no solutions yet?
April 30, 2015 at 4:49 am #437175 -
AuthorPosts
- You must be logged in to reply to this topic.