Размер шрифта в мобильной версии

[marmariska]

Никак не получается изменить размер текста в шапке сайта только мобильной версии. Блок с телефонами и режим работы, это <div class="col-sm-3 col-xs-6"> <div class="phones"> и <div class="col-sm-3 col-xs-6"> <div class="worktime">. В оригинале 19 и 18px. В stylesheet добавляла:

@media (min-width:768px) { 
    #phones,  #worktime .col-xs-6 {
        font-size: 12px;
    } 
} 

и другие варианты через точку и #, поочереди, только .col-xs-6, max вместо min(-width), но никак не меняется. Кэш чистила, модификатор обновляла.

Что посоветуете?

[Vetroff]

во-первых, если изменения только мобильной версии, то нужно не min-width а max

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

[SiteMix]

2 часа назад, marmariska сказал:

размер текста в шапке сайта только мобильной версии

Это

2 часа назад, marmariska сказал:

@media (max-width:767px) { 

, а

2 часа назад, marmariska сказал:

col-xs-6

Это немного про другое.

[marmariska]

11 часов назад, SiteMix сказал:

@media (max-width:767px) { 

Спасибо! Получилось.

Еще конечно неправильно написала, надо было body .phones