Как убрать кнопку в Woocomerce при просмотре с мобильного?

Question

[ALEX]

Здравствуйте, есть сайт https://tryfree.club . Как сделать чтобы при просмотре в каталоге и главной странице с мобильного зеленая кнопка купить исчезла, при просмотре с компьютера она должна остаться как есть. Перепробовал много способов, ничего не помогает

Answer 1

[Igor Koch]

Добавить в CSS:

@media (max-width: 600px){
    .button.product_type_external{
    	display: none !important;
	}
}

!important - значит что независимо от подгрузки CSS файлов, это правило будет главным.
media (max-width: 600px) - отображать правило только на разрешении меньше 600 пикселей.

Comments

[ALEX]

Огромнейшее спасибо))) получилось. Подскажите а как получить доступ к редактированию внешнего вида, просто мне нужно чтобы на компьютере кнопка была невидимой и при наведении становилась цветной, а моя тема не поддерживает работу плагинов

[Igor Koch]

hover и opacity в помощь:
www.w3schools.com/cssref/css3_pr_opacity.asp
www.w3schools.com/cssref/sel_hover.asp

[ALEX]

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

[Igor Koch]

( .button.product_type_external ) Правой кнопкой на элементе -> Посмотреть код в crome

[ALEX]

Спасибо огромное), можете еще мне сказать по последнему вопросу, никак не могу сделать, очень вас прошу)) Как переместить описание товара в Woocommerce?

[ALEX]

Просто скажите что там нужно изменить в коде