Seo css display:none google crawl
google crawl display:none & display:block
Does Google Crawl CSS display:none Content
Does Google index/crawl display:none divs
use javascript to hide on mobile - Seo and div display:none
Hiding DIV if using mobile browser



:

Search Console

/ Responsive

- !!!

hidden css

hidden

display none





:

java Script css

What I like to do in these situations is apply the display: none via JavaScript / jQuery
on $(document).ready() that way the user gets the experience you are looking for,
while Google indexes the page like so:

ID : #main-menu

js

:
document.getElementById( 'main-menu' ).style.display = 'none';


:
document.getElementById( 'main-menu' ).style.display = 'none';


:
document.getElementById( 'main-menu1' ).style.display = 'none';
document.getElementById( 'main-menu2' ).style.display = 'none';
document.getElementById( 'main-menu3' ).style.display = 'none';
WordPress

:
if ( ! wp_is_mobile() ) {
document.getElementById( 'main-menu' ).style.display = 'none';
}
css
custom java
Simple Custom CSS and JS

---------------------------------------------------------------------------------
J Query

:
jQuery(document).ready(function( $ ){
    $('#main-menu').hide();
});
:



:
https://stackoverflow.com/questions/...aynone-problem
https://stackoverflow.com/questions/...mobile-browser