Mobile Search Bar Text Size

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Mobile Search Bar Text Size

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 1 year, 6 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #32373
    tajimadirect95
    tajimadirect95
    Participant

    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.
    #32386
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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 :)


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.