Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 22, 2016 at 6:23 am #586861
    mcraig77

    HI –

    I added an extra header element and now I’m unable to see the search icon for my site….

    Any way we can fix that? Maybe add the search icon to the right of the menu after “Contact”? or move the Donate button? Ideally it would be cool to have the search icon to the right of contact

    February 24, 2016 at 3:50 pm #588436
    Andy

    Hi mcraig77!

    move it to the left using this code in Quick CSS field:

    #menu-item-search {
left: -45%
}

    Adjust it as needed.

    Cheers!
    Andy

    February 24, 2016 at 6:22 pm #588574
    mcraig77

    Cool that works. Anyway to change the responsive menu so it transisitons to the mobile menu before the search icon overlaps the contact text?

    February 25, 2016 at 12:19 pm #588981
    Andy

    Hey!

    then you need to add some media queries to adjust it for different browser screens. For example like this: 

    @media only screen and (max-width: 1024px) and (min-width: 767px) {
#menu-item-search {
left: -30%
}}

    Adjust max-width and/or min-width value for different browser screens and then change left value as needed.

    Cheers!
    Andy

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