• Resolved rfahey

    (@rfaheywobfmcom)


    The “search” field looks like an afterthought on desktop and totally blocks my menus on mobile, unless I turn the phone sideways.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    It seems this is happening because the theme you are using on your site doesn’t style the search form in menu properly.

    You can style it by adding the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu

    
    @media screen and (min-width: 768px){
    #site-navigation {
        width: 100%;
    }
    }
    
    #site-navigation li.astm-search-menu {
            padding-left: 1.5556em;
    }
    
    li.astm-search-menu input.search-field {
        width: 200px;
        float: left;
    }
    
    li.astm-search-menu input.search-submit {
        color: #fff;
    }
    
    Thread Starter rfahey

    (@rfaheywobfmcom)

    I think you’re saying I’m supposed to copy and paste that string somewhere. The rest is way over my head.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Yes you are right.

    You have to copy the shared CSS code and paste it in the Custom CSS option of plugin which you will find in the admin area of your site in the plugin settings as displayed in this screenshot https://ps.w.org/add-search-to-menu/assets/screenshot-5.png?rev=1707807

    Thread Starter rfahey

    (@rfaheywobfmcom)

    Vinod, when I hit “settings” on my admin dashboard, my screen looks nothing like yours. Where do I paste the CSS code? I’d put a screen shot into this email but I see no way to do that. Print screen-plus-paste does nothing.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    To get plugin settings, Please make sure you have activated the plugin on your site.

    For screenshots, you can simply provide a link to an image through Google Drive, Dropbox, screencast.com, https://imgur.com/ or other image service. ??

    Thread Starter rfahey

    (@rfaheywobfmcom)

    https://www.screencast.com/t/Vf6bzDKSVkpO

    That’s the screen shot of what I see.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    From your shared screenshot it seems you are using wordpress.com to host your site and not www.remarpro.com to self host your site therefore you are not getting the plugin settings there.

    In this case please contact wordpress.com support forum here https://en.forums.wordpress.com/ and you can see difference between them on the following pages.

    https://en.support.wordpress.com/com-vs-org/
    https://ithemes.com/tutorials/wordpress-com-vs-wordpress-org/

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Integrating it better’ is closed to new replies.