This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

iPad Landscpe Not Working

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #19016
    Sean DerrigSean Derrig
    Participant

    Hi,
    I’m developing a site using the Avada theme. Despite being an idiot I’ve managed to replace the theme search with your rather excellent plugin. Problem is no matter which of your templates I use, when viewing on an ipad in landscape the search bar doesn’t appear. Flip it to portrait and it works fine – and if you click the search icon in landscape then rotate the device it suddenly appears.
    Any ideas?

    • This topic was modified 7 years, 9 months ago by Sean DerrigSean Derrig.
    #19018
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Hi!

    Thank you for the details. I think I see the problem, it appears to be a malformed CSS rule related to the theme:

    [code]media only screen and (min-width: 1024px) {
    .fusion-mobile-menu-search {
    display: none!important;
    }
    }[/code]

    I cannot exactly tell which file this is originated from, as it is minified. It basically forces to hide the mobile menu, so it is invisible any time on screen widths above 1024 pixels.

    Once that rule is removed, it will fix the issue immediately. Unfortunately there is no alternative solution in this case, as any other higher specificity CSS rule would override this, and make the search container visible at all times.

    You might have to ask the theme author how to remove this, if this is not a custom CSS rule you have added to the theme.

    #19019
    Sean DerrigSean Derrig
    Participant

    Thank you! Is there an easy way to override this with a bit of custom CSS?

    #19020
    Ernest MarcinkoErnest Marcinko
    Keymaster

    You are welcome!

    Unfortunately not in this case. The only possibility would be to overwrite the display attribute as “display: block !important” in a higher specificity custom CSS. But in that case, it would be always visible, and the click on the search button would have no effect whatsoever (it would not hide the container). It would cause the same issue basically.

    #19021
    Sean DerrigSean Derrig
    Participant

    Ahhh! I’ve thought of a neat work-around that’ll save me tinkering under the hood – which I hate doing in case it screws up other stuff.
    Thanks again for the great support.

    #19022
    Ernest MarcinkoErnest Marcinko
    Keymaster

    You cannot access this content.

    #19025
    Sean DerrigSean Derrig
    Participant

    No problem: if this affects anyone else I’ve turned off the mobile menu search and replaced it with a menu redirect to the search results page.
    On that page I’ve hidden the search container on mobiles / tablets so they just see the new search option. All in all neater plus I don’t have to risk screwing up the coding somewhere without realising it.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘iPad Landscpe Not Working’ is closed to new replies.