Скрытие элемента

[NetTown Хороший 1]

Добрый день! подскажите каким классом или кодом можно скрыть определенный элемент на версии ПК

[anufmikh Хороший 87]

class='ipsResponsive_hideDesktop'

 

[NetTown Автор темы Хороший 1]

Не получилось, в мобильной отображается... 

[anufmikh Хороший 87]

Вопрос стоял: как скрыть элемент на ПК

[NetTown Автор темы Хороший 1]

1 минуту назад, anufmikh сказал:

Вопрос стоял: как скрыть элемент на ПК

 

Да, но не думал что в мобильной он появится после этого, есть еще вариант может ? Получается этот элемент нужно скрыть на Пк и что бы в мобильной не появился

Изменено 9 октября 2016 пользователем NetTown

[anufmikh Хороший 87]

А где он должен появляться? Или скрыть нужно полностью?

[NetTown Автор темы Хороший 1]

 

 

7 минут назад, anufmikh сказал:

А где он должен появляться? Или скрыть нужно полностью?

 

Вообще это стандартный поиск, он расположен тут,

 

 

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

 

 

Изменено 9 октября 2016 пользователем NetTown

[anufmikh Хороший 87]

Получается у вас в коде два поиска? Один вы скрываете для десктопа, чтобы он хорошо отображался на мобильной версии, а второй должен только на мобильной версии работать?

[NetTown Автор темы Хороший 1]

1 минуту назад, anufmikh сказал:

Получается у вас в коде два поиска?

 

Сейчас пока что нет, в шапку я еще не вставлял, для начала хочу скрыть тот который не нужен )

[anufmikh Хороший 87]

Два поиска вроде не будут одновременно работать корректно. 

А один перенести вполне реально

[NetTown Автор темы Хороший 1]

1 минуту назад, anufmikh сказал:

Два поиска вроде не будут одновременно работать корректно. 

А один перенести вполне реально

 

Сможете помочь в этом деле за вознаграждение ?) 

[anufmikh Хороший 87]

Сейчас разберемся. Оставьте некликабельную ссылку на ваш ресурс.

[NetTown Автор темы Хороший 1]

1 минуту назад, anufmikh сказал:

Сейчас разберемся. Оставьте некликабельную ссылку на ваш ресурс.

 

forum.nettown.ru вот.

 

Хочу в шапку приблизительно вот как тут сделано 

[anufmikh Хороший 87]

Найти и открыть шаблон navBar.

Скопировать, а после удалить/скрыть код поиска:

От :

{{if !$preview and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'search' ) ) AND !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}

до:

{{endif}}

Включительно.

 

Найти и открыть шаблон globalTemplate.

Вставить ранее скопированный код поиска после:

{template="logo" app="core" group="global" params=""}

 

Переходим в раздел CSS и открываем файл custom.css.

Вставляем следующий код:

#elSearch {
	z-index: 2001;
}

@media screen and (min-width: 980px) {
	#elSearch {
		right: 50%;
	}
}

 

[NetTown Автор темы Хороший 1]

7 минут назад, anufmikh сказал:

Найти и открыть шаблон navBar.

Скопировать, а после удалить/скрыть код поиска:

От :

{{if !$preview and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'search' ) ) AND !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}

до:

{{endif}}

Включительно.

 

Найти и открыть шаблон globalTemplate.

Вставить ранее скопированный код поиска после:

{template="logo" app="core" group="global" params=""}

 

Переходим в раздел CSS и открывает файл custom.css.

Вставляем следующий код:

#elSearch {
	z-index: 2001;
	right: 50%;
}

 

 

Большое спасибо! 

[anufmikh Хороший 87]

Упс. Ошибочка.

[NetTown Автор темы Хороший 1]

2 минуты назад, anufmikh сказал:

Упс. Ошибочка.

 

Какая ?) с css ?)

[anufmikh Хороший 87]

Изменил код который нужно вставить в custom.css.

А то в мобильной версии поиск уезжает за страницу.

[NetTown Автор темы Хороший 1]

2 минуты назад, anufmikh сказал:

Изменил код который нужно вставить в custom.css.

А то в мобильной версии поиск уезжает за страницу.

 

#elSearch {
	z-index: 2001;
	right: 50%;
}

 он же ?) 

[anufmikh Хороший 87]

#elSearch {
	z-index: 2001;
}

@media screen and (min-width: 980px) {
	#elSearch {
		right: 50%;
	}
}

 

[NetTown Автор темы Хороший 1]

Все отлично! примного благодарен )