Как убрать логотип и другие элементы шапки в мобильной версии сайта на второстепенных страницах (на всех кроме главной)

[qwadro]

вот такие рассуждения. если вверху мобильной версии сайта, в шапке (имеются введу второстепенные страницы)  есть лого, контакты, ссылка на авторизацию и др элементы - то шапка эта становится огромной в мобильной версии. главная страница конечно должна быть с логотипом, с контактами и всем прочим, но все остальные страницы зачем растягивать?

 

подскажите, как избавится от всего лишнего на второстепенных страницах. чтобы второстепенная страничка начиналась (если брать примером мой сайт https://growmarket.org/seeds/) с поиска по каталогу, вот скрин второстепенной страницы с которой нада бы убрать все что в красном прямоугольнике.. 

 

при этом на главной все это должно быть. 

 

[qwadro]

если всем элементам не нужным дописать "hidden-xs"

то элементы скрываются из мобильной версии, но и на главной тоже они скрываются, что плохо..

[Lazdakon]

@qwadro

@media (max-width: 768px) {
    body:not(.common-home) #logo, 
    body:not(.common-home) .cartblock, 
    body:not(.common-home) .phone_header, 
    body:not(.common-home) .email_header { 
        display: none;
    }
}

 

[qwadro]

1 час назад, Lazdakon сказал:

@qwadro

@media (max-width: 768px) {
    body:not(.common-home) #logo, 
    body:not(.common-home) .cartblock, 
    body:not(.common-home) .phone_header, 
    body:not(.common-home) .email_header { 
        display: none;
    }
}

 

огромное спасибо, добрый человек!! все получилось!!

[aodebao]

ребят подскажите пожалуйста как убрать этот логотип из хедера

 

 

Змінено 21 лютого 2018 користувачем aodebao
случайно попал не тот файл

[MIKEY2003]

В 07.01.2018 в 18:49, Lazdakon сказал:

@qwadro

@media (max-width: 768px) {
    body:not(.common-home) #logo, 
    body:not(.common-home) .cartblock, 
    body:not(.common-home) .phone_header, 
    body:not(.common-home) .email_header { 
        display: none;
    }
}

 

а куда это прописывать?