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

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
ДОбрый день, форумчане!

Помогите отцентровать в мобильной версии телефон и кнопку под логотипом и сделать их кликабельными (почему то не кликаются, хотя прописан переход с помощью href) - сайт http://bavtest.website . Вставлен телефон и кнопка в модуль
*

draff

  • Гуру
  • 5077
  • 357 / 7
  • ищу работу
Вставлен телефон и кнопка в модуль
Можно код и куда вставлен ? Вижу Хеликс, шаблон или билдер ?
лого кликабельное на весь блок, но на всю ширину строки .Попробуйте
Код
#sp-logo .sp-column {
display: block;
margin-left: auto;
width: 50%;
}
« Последнее редактирование: 26.06.2020, 18:05:24 от draff »
*

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
Можно код и куда вставлен ? Вижу Хеликс, шаблон или билдер ?
лого кликабельное на весь блок, но на всю ширину строки .Попробуйте
Код
#sp-logo .sp-column {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}

Вот код, который вставлен в модуль, а сам модуль прописан в настройках шаблона в Layout
Код
<br/><br/><p style="font-size:20px;"><a href="tel:+74955670764"><strong>+7 (495) 567-07-64</strong></a><br/><br/><a href="zapis-na-priem" class="btn btn-primary btn-sm active" role="button" aria-pressed="true">Записаться на прием</a></p><br/><br/>
*

draff

  • Гуру
  • 5077
  • 357 / 7
  • ищу работу
Код
.custom a {
display: block;
position: relative;
z-index: 3333;
}
Но лучше прописать в параметрах модуля суффикс класса, и через него определять селектор
*

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
Код
.custom a {
display: block;
position: relative;
z-index: 3333;
}
Но лучше прописать в параметрах модуля суффикс класса, и через него определять селектор

Прописать в "Custom CSS Class"? Там указать "а"? и затем прописать в стилях?
*

draff

  • Гуру
  • 5077
  • 357 / 7
  • ищу работу
Прописать в "Custom CSS Class"? Там указать "а"? и затем прописать в стилях?
Ничего не понял. Мой код пропишите в файл Custom CSS, если это Хеликс
*

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
Ничего не понял. Мой код пропишите в файл Custom CSS, если это Хеликс
Так и сделал, и кликабельные стали телефон и кнопка, Спасибо. Телефон отцентровал с помощью пробелов, но кнопку как отцентровать и лого - пока не получилось.
*

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
Ничего не понял. Мой код пропишите в файл Custom CSS, если это Хеликс
Да и еще вопрос - есть возможность скрыть открытие моб меню в десктопе?
*

gartes

  • Завсегдатай
  • 1621
  • 127 / 5
  • Е = mс²
Так и сделал, и кликабельные стали телефон и кнопка, Спасибо. Телефон отцентровал с помощью пробелов, но кнопку как отцентровать и лого - пока не получилось.
Вы - ЕЩО -  решаете ?
Помочь ?
*

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
Вы - ЕЩО -  решаете ?
Помочь ?
Если не сложно - то было бы неплохо
*

draff

  • Гуру
  • 5077
  • 357 / 7
  • ищу работу
но кнопку как отцентровать и лого - пока не получилось.
Этот код для лого прописал ?
Отцентровать в мобильной версии телефон и кнопку под логотипом
Нет кода для лого в файле стилей
*

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
Этот код для лого прописал ?
Отцентровать в мобильной версии телефон и кнопку под логотипом
Нет кода для лого в файле стилей
Сейчас прописал в CSS, но также на декстопе изменения происходят, чего по сути не нужно
*

draff

  • Гуру
  • 5077
  • 357 / 7
  • ищу работу
но также на декстопе изменения происходят, чего по сути не нужно
перенесите правило для лого в эту секцию
Код
@media (max-width: 768px) {
  .sppb-addon-image-content .sppb-image-holder {
    position: inherit;
    width: 100% !important;
    height: 300px;
  }
#sp-logo .sp-column {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
}
или просто оберните
Код
@media (max-width: 768px) {
#sp-logo .sp-column {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
}
« Последнее редактирование: 26.06.2020, 19:51:22 от draff »
*

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
перенесите правило для лого в эту секцию
Код
@media (max-width: 768px) {
  .sppb-addon-image-content .sppb-image-holder {
    position: inherit;
    width: 100% !important;
    height: 300px;
  }
#sp-logo .sp-column {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
}
или просто оберните
Код
@media (max-width: 768px) {
#sp-logo .sp-column {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
}

Вставил код в указанную секцию с небольшими изменениями

Код
#sp-logo .sp-column {
  display: block;
  margin-left: 90px;
 }

И отцентровалось лого. С логотипом тоже вопрос закрыт на моб версии. Остался открытым вопрос с кнопкой
*

draff

  • Гуру
  • 5077
  • 357 / 7
  • ищу работу
*

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
Код
  #sp-position1 {display: block; margin-left: 10%}

Огонь! Спасибо! А есть способ скрыть кнопку мобильного меню в дескопе? Эти гребанные 3 черточки)
*

draff

  • Гуру
  • 5077
  • 357 / 7
  • ищу работу
А есть способ скрыть кнопку мобильного меню в дескопе? Эти гребанные 3 черточки)
Прописать в шаблоне класс
Код
<a id="offcanvas-toggler" href="#" class="visible-sm visible-xs"><i class="fa fa-bars"></i></a>
*

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
Прописать в шаблоне класс
Код
<a id="offcanvas-toggler" href="#" class="visible-sm visible-xs"><i class="fa fa-bars"></i></a>
в head или body?
*

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
Прописать в шаблоне класс
Код
<a id="offcanvas-toggler" href="#" class="visible-sm visible-xs"><i class="fa fa-bars"></i></a>

В body такой код сейчас стоит

Код
<div class="offcanvas-menu">
            <a href="#" class="close-offcanvas"><i class="fa fa-remove"></i></a>
            <div class="offcanvas-inner">
                <?php if ($this->helix3->countModules('offcanvas')) { ?>
                    <jdoc:include type="modules" name="offcanvas" style="sp_xhtml" />
                <?php } else { ?>
                    <p class="alert alert-warning"><?php echo JText::_('HELIX_NO_MODULE_OFFCANVAS'); ?></p>
                <?php } ?>
            </div>
        </div>
*

draff

  • Гуру
  • 5077
  • 357 / 7
  • ищу работу
Это не то, здесь же говорящее имя div class="offcanvas-menu">, модуль меню сбоку
*

AlexB

  • Завсегдатай
  • 1813
  • 46 / 2
В шаблоне
Меню
Выбрать только майн меню
*

stitch808

  • Захожу иногда
  • 132
  • 0 / 0
В шаблоне
Меню
Выбрать только майн меню

Точнее выбрать Мега Меню) Огонь! Спасибо!
*

AlexB

  • Завсегдатай
  • 1813
  • 46 / 2
Да я по памяти
Не за что
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Показать (развернуть) полный текст (в материале) после нажатия на кнопку

Автор slepoy

Ответов: 4
Просмотров: 135
Последний ответ 04.01.2021, 00:54:59
от pavelrer
Криво отображается дата в мобильной версии

Автор fadan

Ответов: 3
Просмотров: 92
Последний ответ 27.12.2020, 16:38:43
от effrit
Протестировать кнопку мне нравится ~

Автор kiev

Ответов: 4
Просмотров: 102
Последний ответ 28.11.2020, 04:31:57
от Cedars
Почему в мобильной версии protostar картинки выглядят не качественно?

Автор kiev

Ответов: 0
Просмотров: 68
Последний ответ 22.11.2020, 18:32:25
от kiev
Как добавить кнопку на форму?

Автор OnePrg

Ответов: 10
Просмотров: 350
Последний ответ 23.09.2020, 15:35:47
от OnePrg