http://htmlbook.ru/css/value/media
Понял о чем вы, не мне кажется это не то, попробовал команду
@media mobile {
.site-logo {
font-family: verdana, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif !important;} }
она вообще ничего не запустила.
Мне кажется там другой метод, если посмотреть код моего сайта, то там можно встретить двойные заголовки, я пытался разобраться с этим, но ни к чему не пришёл, а поддержка ничего не ответила. Плагин сео просто видел на главной 2 Н1 заголовка, и я начал искать это в коде. Нашёл откуда это идёт:
</head>
<body data-rsssl=1 class="home blog wp-custom-logo nv-sidebar-full-width menu_sidebar_slide_right" id="neve_body" >
<div class="wrapper">
<header class="header" role="banner">
<a class="neve-skip-link show-on-focus" href="#content" tabindex="0">
Перейти к содержимому </a>
<div id="header-grid" class="hfg_header site-header">
<div class="header--row header-top hide-on-mobile hide-on-tablet layout-full-contained header--row"
data-row-id="top" data-show-on="desktop">
<div
class="header--row-inner header-top-inner">
<div class="container">
<div
class="row row--wrapper"
data-section="hfg_header_layout_top" >
<div class="builder-item hfg-item-first col-10 col-md-10 col-sm-10 mobile-left tablet-left desktop-left"><div class="item--inner builder-item--logo"
data-section="title_tagline"
data-item-id="logo">
<div class="site-logo">
<a class="brand" href="https://korfsky.ru/" title="Корфский.ру"
aria-label="Корфский.ру"><div class="title-with-logo"><img alt="Логотип Корфский.ру" data-src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img alt="Логотип Корфский.ру" data-src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" alt="Логотип Корфский.ру"></noscript></noscript><div class="nv-title-tagline-wrap"><h1 class="site-title">Корфский.ру</h1><small>Не забудем. Не простим. ♡</small></div></div></a></div>
И чуть ниже
<div class="header--row header-top hide-on-desktop layout-full-contained is_sticky header--row"
data-row-id="top" data-show-on="mobile">
<div
class="header--row-inner header-top-inner">
<div class="container">
<div
class="row row--wrapper"
data-section="hfg_header_layout_top" >
<div class="builder-item hfg-item-first col-9 col-md-9 col-sm-9 mobile-left tablet-left desktop-left"><div class="item--inner builder-item--logo"
data-section="title_tagline"
data-item-id="logo">
<div class="site-logo">
<a class="brand" href="https://korfsky.ru/" title="Корфский.ру"
aria-label="Корфский.ру"><div class="title-with-logo"><img alt="Логотип Корфский.ру" data-src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img alt="Логотип Корфский.ру" data-src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img src="https://korfsky.ru/wp-content/uploads/2020/10/9B4BDE69-6C9A-49DE-AFD4-3546E3F1F1D4-e1603785492238.jpeg" alt="Логотип Корфский.ру"></noscript></noscript><div class="nv-title-tagline-wrap"><h1 class="site-title">Корфский.ру</h1><small>Не забудем. Не простим. ♡</small></div></div></a></div>
</div>
Я к сожалению не так силён в познаниях кода в том что делать в такой ситуации, как задать команду на отображение заданного шрифта в мобайле и как убрать дублированный H1, чтобы меня поисковики не банили.
