Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 11, 2013 at 5:16 pm #186923
    wesleysoccer

    Is there a way to get the search header icon in mobile? I see that it dissappers in mobile view…what are my options? Thanks.

    November 12, 2013 at 1:50 am #187055
    Ismael

    Hey wesleysoccer!

    Please add this on your custom.css or Quick CSS:

    @media only screen and (max-width: 767px) {
.responsive #header .main_menu ul,  .responsive #header .main_menu ul {
display: block !important;
position: absolute;
background: none;
top: -100px;
right: 0;
}

.responsive #header .main_menu ul li {
display: none;
}

.responsive #header .main_menu ul li:last-child {
display: block !important;
}
}

    Best regards,
    Ismael

    November 12, 2013 at 4:11 am #187094
    wesleysoccer

    did not work…I’m using the non-fixed header with social icons and additional nav….

    here is the site: http://cl.ly/3l1m473I1Z44

    any other thoughts….using enfold 2.0.1

    November 12, 2013 at 2:04 pm #187224
    Ismael

    Hi!

    Adjust the top margin:

    @media only screen and (max-width: 767px) {
.responsive #header .main_menu ul,  .responsive #header .main_menu ul {
display: block !important;
position: absolute;
background: none;
top: -20px;
right: 0;
}

.responsive #header .main_menu ul li {
display: none;
}

.responsive #header .main_menu ul li:last-child {
display: block !important;
}
}

    Remove browser cache then reload the page.
    Cheers!
    Ismael

    November 14, 2013 at 3:56 am #188185
    wesleysoccer

    perfect…thanks. you guys rock!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘search bar in mobile’ is closed to new replies.