-
AuthorPosts
-
December 22, 2013 at 3:05 am #202970
Hello,
My responsive theme does not show the search bar when in mobile view and also the logo gets cut off and doesnt resize itself to the mobile screen. It used to work. http://www.progenki.com
I downgraded to the last version of wordpress to see if that was the problem.
Please advise.Thank you
December 22, 2013 at 4:25 am #202991Hello,
Please try to deactivate all third party plugins to see if it gets fixed.
Regards,
JosueDecember 22, 2013 at 10:26 am #203024I tried it and it still shows no mobile search bar and cuts off the logo.
December 23, 2013 at 2:49 am #203155Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab to prevent logo from being cut on mobile
@media only screen and (max-width: 480px) { .responsive .mobile_slide_out .logo img { width: 300px!important; } }
Have you removed mobile menu manually?
Best regards,
YigitDecember 23, 2013 at 4:26 am #203176I 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.
December 27, 2013 at 6:39 am #203621Hey!
I wanted to check if CSS code for logo is being applied or not but your link directs me to WordPress installation page. You can remove following code from Quick CSS to display main menu
.responsive #header .main_menu ul li { display: none; }
Best regards,
YigitDecember 31, 2013 at 1:06 am #203956Hi,
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, 12 months ago by progenki.
December 31, 2013 at 4:14 pm #204053Hey!
I would suggest removing all of the css up to this point to try and change things and then we can go from there. The mobile menu is never supposed to show the search so there isn’t a quick fix for adding that as it wasn’t ever there.
The logo resizing has had a few updates recently with the 2.X updates so clearing out the current css so the theme can try and re-size things without any interference is a good idea to see if there are any issues that need addressing.
Cheers!
DevinDecember 31, 2013 at 7:54 pm #204141I 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 }
-
AuthorPosts
- The topic ‘Mobile search’ is closed to new replies.