Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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

    #202991

    Hello,

    Please try to deactivate all third party plugins to see if it gets fixed.

    Regards,
    Josue

    #203024

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

    #203155

    Hi!

    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,
    Yigit

    #203176

    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.

    #203621

    Hey!

    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,
    Yigit

    #203956

    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, 10 months ago by progenki.
    #204053

    Hey!

    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!
    Devin

    #204141

    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 }

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Mobile search’ is closed to new replies.