Mobile search

I tried it and it still shows no mobile search bar and cuts off the logo.

I tried that but no luck. This is what I originally had inside the enfold style section. I tried your code with this code and without.

@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;
}
}

Is there a recommendation I can try from scratch. I am also using a child theme and possibly my codes in there might be effecting it. I am willing to start that from scratch as well.

Hi,

I tried that. No luck.
I never removed the mobile menu also.
The same code is still applied but I dont get the mobile menu and my logo gets cut off.

Thank you for your help thus far

• This reply was modified 10 years, 11 months ago by progenki.

I removed all the css that was in the quick css section of my child enfold.

Also i have this code in my child theme files. This gave me the mobile search

* to the enfold child’s functions.php file add

add_filter('wp_nav_menu_items','add_search_box', 10, 2);function add_search_box($items, $args) {        ob_start();        get_search_form();        $searchform = ob_get_contents();        ob_end_clean();        $items .= '<li>' . $searchform . '</li>';    return $items;
}

add_action(‘ava_main_header’, ‘add_search_box’);

* to the enfold child’s style.css file add

@media only screen and (max-width: 767px) { //css code to display the form }