Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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

    #1079727

    Hey 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,
    Mike

    #1079737

    Hey 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, Lars

    #1080210

    Hi,
    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

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