• Cheers for the theme update, after the upgrade I noticed that google was giving a warning specific to how close the search and menu icon were positioned on smaller devices, I decided to make some changes so thought I would put them here incase others were getting the same warning.

    I removed the search and altered the menu icon border size a bit as it looked a bit off to me

    /*
    	Responsive theme fix for google warning
    	- things were way close for small devices and fat fingers
    */
    @media only screen and (max-width: 768px) {
    #search-text-top {
    display: none !important;
    }
    }
    @media only screen and (max-width: 768px) {
    label#search_label_top {
    display: none !important;
    }
    }
    @media only screen and (max-width: 768px) {
    #wrapper .dd-container .dd-selected-text {
    padding: 5px 30px !important;
    }
    }

    I also noticed that the admin bar on smaller screens needed to be repositioned as it was in the footer area for some reason so I set the position to fixed.

    /*
    	Responsive theme fix for admin bar
    	- not position correctly
    */
    @media screen and (max-width: 782px) {
    html #wpadminbar {
    position: fixed;
    }
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • yes I found that, the mini menu and the search items overlapped.
    I reduce the border about the menu bar to make it work
    and put the code in the “custom CSS” section to make sure any updates don’t overwrite it)
    I put the following :

    /* Enter Your Custom CSS Here */
    #wrapper .dd-container .dd-selected-text {
    padding: 0px 12px;
    }

    for admin I use the WordPress App
    https://apps.www.ads-software.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive google warning for smaller devices’ is closed to new replies.