Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 8, 2016 at 9:27 am #721867
    internetwarriors

    Hello!

    Cant find the right css function: the search icon is float:right,
    So is it possible to put the search Icon after the last top menu? So that it’s responsive, too?!

    Thanks for your help!
    nadine

    December 8, 2016 at 10:07 am #721872
    Vinay

    Hey internetwarriors,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top #menu-item-search {
    float: left!important;
}

    Best regards,
    Vinay

    January 6, 2017 at 3:00 pm #730373
    internetwarriors

    Hello!
    Thanks for your help!

    Now, we have again a problem with the search Icon on mobile devices.

    For example Media Querys (375 oder 667). Is it possible to make the Icon fix near the burger menu?
    Thanks! :)

    January 9, 2017 at 10:29 am #731031
    Andy

    Hi,

    for this you need to work with media queries, so something like this:

    @media screen and (max-width: 767px) {
li#menu-item-search {
right: -115px;
}}

    Adjust it as needed. For more information about media queries check this: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Andy

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