Search icon displays differently on iPad

[ladans37]

You seem to be a bit blinkered with your devices.

I really am. But, yes no one has the same screen size. I understand. I do the grabbing the window and resizing, yes. It’s just not saying at what size it is that I resize it to.

[ladans37]

I’m also blinkered when it comes to doing this

$(document).keypress(function(e){
    var key = e.which;
    if (key == 43) {
        // if the user pressed '+':
        $('.swrapper').slideToggle(400).add('#search').focus();
        $('.swrapper').slideToggle(400).add('#audio-player-container');
    }
});

I want to hide both the search bar and the audio player. I really don’t think this should be hard. I think I remember we’ve done it before?

[PaulOB]

I suggest you start a new thread as that is a new topic and not related to the search icon.

[juliamanu859]

Hi,

Without looking at your website’s code, it’s difficult to provide specific advice. However, one thing you could try is adding a media query to your CSS to target iPads specifically and adjust the styling accordingly. For example, you could use something like:

@media only screen and (max-width: 1024px) {
  /* CSS for iPad */
}

Within that media query, you can add specific CSS rules to adjust the search icon as needed.

Alternatively, it’s possible that the issue may be related to the version of the browser you are using on the iPad. You could try updating the browser to see if that resolves the issue.

I hope this helps! If you have any further questions or concerns, feel free to ask.