Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 8, 2015 at 11:42 am #470133
    lobstahhhhhhh

    Hi, is there an easy way to make the serach show up in mobile like it does in web and tablet? Our site is http://www.lobstertrail.com/. Thanks!

    July 8, 2015 at 12:34 pm #470161
    Yigit

    Hi lobstahhhhhhh!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 989px) { 
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, .responsive.html_mobile_menu_tablet #header_main_alternate {
  display: block;
}
.av-main-nav > li { 
display: none;
}
li#menu-item-search {
  display: block!important;
right: 50px; 
}}

    Best regards,
    Yigit

    July 9, 2015 at 2:57 pm #470919
    lobstahhhhhhh

    Thank you, please note sent some infor in the private content below.

    July 9, 2015 at 3:14 pm #470934
    Basilis

    Hey!

    Please use the code Yigit provided, inside your CSS, I can not see it on the coded you pasted to us.

    Cheers!
    Basilis

    July 10, 2015 at 12:50 pm #471414
    lobstahhhhhhh

    Hi there, thanks so much. Let me clarify. Tried to use Yigit’s code and it jumbled up the header in a horrible way. This is why you do not see the code added to the ones I sent. Sent that code to help figure out why Yigit’s code was not working and scrambling the header on mobile. Thanks!

    July 10, 2015 at 4:57 pm #471599
    Yigit

    Hey!

    Please create a temporary admin login and post it here privately so we can add and adjust the code to display search button on mobile

    Regards,
    Yigit

    January 15, 2016 at 4:04 pm #566143
    lobstahhhhhhh

    Hi there, apologies for not every creating this temporary admin, can this still be done if we send this your way? Thanks!

    January 15, 2016 at 4:40 pm #566167
    Yigit

    Hi!

    No worries at all. Sure :)

    Best regards,
    Yigit

    January 15, 2016 at 10:36 pm #566338
    lobstahhhhhhh

    Please note we are sending privately, thank you.

    January 18, 2016 at 5:20 am #566906
    Ismael

    Hey!

    We modified the css code a bit. Please remove browser cache then reload the page.

    Regards,
    Ismael

    January 19, 2016 at 1:30 pm #567815
    lobstahhhhhhh

    Thank you Ismael and team! Although I do not see the tiny magnifying glass on mobile view, unless you are looking for it…one would never see. It’s also made the search on the ipad view smaller too? It looks odd now.

    What could be causing the root of this problem? Thanks again!

    January 20, 2016 at 2:34 pm #568626
    Andy

    Hi!

    I think there is no problem at all. It just depends on what you want. A mockup showing the results you would like to achieve would be helpful, then we can provide you some precise css code.
    You can increase search icon with this code:

    #top .menu-item-search-dropdown > a, #searchform #searchsubmit, .ajax_search_image, .iconfont {
font-size: 25px;
}

    Adjust it as needed.

    Cheers!
    Andy

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