Mobile Search Bar Text Size

[tajimadirect95Participant]

How can I increase the size of the search bar and (more importantly), the text inside the search bar for mobile only (looks good on Desktop, but is too small on mobile)?

I tried increasing the size more overall and it did not seem to affect mobile at all. Now I don’t want to go bigger on desktop, but need to on mobile.

Thank you,
Jacob

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi,

You have multiple CSS rules in your theme custom stylesheet file, which override the placeholder and the font sizes:

    body #eut-theme-wrapper input[type="search"].orig::placeholder {
        font-size: 10px !important;
    }
    body #eut-theme-wrapper input[type="search"].orig::placeholder {
        font-size: 12px !important;
    }
    #eut-theme-wrapper input[type="search"]::placeholder {
        font-size: 20px !important;
    }
    input.orig {
        font-size: 17px !important;
    }

There are probably more, but I could only find these at the moment. Removing these rules the font size will be the same on all devices.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts