0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 1603 Просмотров
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Здравствуйте. У вас предположение, как задать "резиновую" (100%) форму для модуля поиска, которая бы растягивалась или сужалась при изменении ширины дисплея?

В настройках модуля параметр "Box Width" не задан.
Полное скрытие модуля в мобильных версиях смогу настроить самостоятельно, но вот растяжение" в декстопных - не удается.


Код
<div class="head-search ">
<div class="search">
<form action="/videos" method="post" class="form-inline form-search">
<label for="mod-search-searchword" class="element-invisible">Искать...</label> <input name="searchword" id="mod-search-searchword" maxlength="200" class="form-control search-query" type="search" size="0" placeholder="Что ищем?"> <input type="hidden" name="task" value="search">
<input type="hidden" name="option" value="com_search">
<input type="hidden" name="Itemid" value="269">
</form>
</div>
</div>

Спасибо.
« Последнее редактирование: 14.02.2017, 23:14:36 от slepoy »
Помог? Поставь(те) плюс в репутацию.
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Re: css: Резиновый модуль поиска
« Ответ #1 : 08.02.2017, 21:23:22 »
Не хочется ковыряться в ваших стилях, но принцип такой - вам нужно форме и инпуту в ней задать 100% относительно ширины родительского блока (кнопку поиска можно позиционировать абсолютно)
То есть есть у вас родитель joms-list__utilities - форма и input в ней должны иметь 100% ширины
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать плавающий модуль?

Автор THeCMeX

Ответов: 2
Просмотров: 779
Последний ответ 08.03.2021, 22:21:01
от Flexderection
Как сделать плавающий блок/модуль. Пример есть!

Автор Good_user

Ответов: 8
Просмотров: 11717
Последний ответ 04.04.2020, 13:49:11
от jan_dax
Как вставить красивю кнопку CSS в модуль/материал?

Автор kunsaid

Ответов: 6
Просмотров: 2401
Последний ответ 02.10.2018, 23:16:12
от kunsaid
Резиновый слайдер в jm-services

Автор k790

Ответов: 0
Просмотров: 797
Последний ответ 07.12.2017, 16:40:28
от k790
Как отцентрировать модуль?

Автор wishlight

Ответов: 9
Просмотров: 1639
Последний ответ 15.03.2017, 17:11:08
от wishlight