-
AuthorPosts
-
March 17, 2019 at 8:56 pm #1079708
Hi togehter,
i want to use a second Button in a Color Section, but it is not clickable via iOS. Is this a Bug?
I create a private Section with Login-Datas for your Research. THX, Lars
March 17, 2019 at 10:36 pm #1079727Hey Lars,
Thank you for the login, your buttons are being covered with the padding from the diagonal border.
Please see the overlap in the screenshot in Private Content area.
To correct Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.page-id-2069 #av_section_1.avia-section.av-minimum-height .container { z-index: 9 !important; }
Best regards,
MikeMarch 17, 2019 at 11:24 pm #1079737Hey Mike,
thank you for this tipp. I can work with this infos!Additional one more question please: Is it possible to set the colonel responsive/adaptive breakpoint always from 990px zu 1025px?? The iPad has 1024px in landscapemode and is alway “between the lines”.
Thank you again
Best regards, LarsMarch 19, 2019 at 5:23 am #1080210Hi,
You can set a break point for landscape devices following the tips here.
So this would look like this:@media only screen and (min-width: 768px) and (max-width: 1025px) and (orientation : landscape) { .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none !important; } .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special { display: block !important; } }
From the site above you could take it a step further by adding the Retina rule, but I’m not really sure that it’s needed:
@media only screen and (min-width: 768px) and (max-width: 1025px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none !important; } .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special { display: block !important; } }
Please let us know if this helps.
Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.