Mobile Search Bar Text Size

[tajimadirect95]

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

[Ernest Marcinko]

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.

[Author]

Posts