Home Forums Weaver Xtreme Theme Search Icon Menu Bar Issues

Topic Resolution: Answered
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #70806
    Answered
    GR8FL
    Participant

    On mobile, would like the search icon to be closer to the menu icon which is aligned right. Ideally would like the icon to be a bit higher and aligned at the top with the hamburger or the menu bar to have a bit more height. And is there any way to make the search box less width?

    On desktop, would like the search icon to be bigger. The social icons are 24px.

    Hattie’s Garden

    #70810
    scrambler
    Moderator

    You can change the position on mobile with the rule below adjust values to what you want)

    .is-mobile .menu-search .search-form {right:-5px;top:0px;}

    To increase the font size, use

    .is-mobile .menu-search .search-form::before {font-size:40px !important;}

    will check the rest later

     

    #70816
    scrambler
    Moderator

    For the size of the search box when you click on it, I am not sure how that is setup. May be @weaver can shed some light on it, to see if we can change it…

    #70819
    GR8FL
    Participant

    How can I make the search icon bigger, but not on mobile?

    #70824
    Best Answer
    scrambler
    Moderator

    This reply has been accepted as the best answer.

    Use the desktop class instead of the mobile class

    .is-desktop .menu-search .search-form::before {font-size:40px !important;}

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