Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 1, 2018 at 1:23 am #919336
    ducani

    Hello, I’ve noticed an issue on our website regarding the search function when using the site in mobile. Tapping the search icon is unresponsive. However when the menu button is tapped, the search button becomes usable again. Is there a quick CSS fix for this? I’ve attached the site URL to the private content for you to review.

    March 1, 2018 at 9:15 am #919484
    Rikard

    Hey ducani,

    It looks like what you have added to phone info is covering it on mobile, please try to adjust your CSS:

    @media only screen and (max-width: 767px) {
.header_right {
    position: relative !important;
    float: left !important;
    width: 100% !important;
    text-align: center !important;
    top: 75px;
}
}

    Best regards,
    Rikard

    March 2, 2018 at 2:09 am #920046
    ducani

    Hmm that didn’t work. The tappable area of the search icon still doesn’t register when tapped on mobile.

    March 2, 2018 at 8:14 am #920152
    Rikard

    Hi,

    The CSS I posted is the one being applied when it’s not working, did you try to remove or change it?

    Best regards,
    Rikard

    March 2, 2018 at 11:55 am #920248
    ducani

    Yes I removed it

    March 3, 2018 at 6:22 am #920640
    Rikard

    Hi,

    I don’t think you removed everything, you have this for instance:

    @media only screen and (max-width: 1077px) {
.header_right {
    top: 65px;
}
}

    Try changing that to 85 or higher and you will see that the search box will work again after that.

    Best regards,
    Rikard

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