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

stitch808

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

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

draff

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

stitch808

  • Захожу иногда
  • 121
  • 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

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

stitch808

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

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

draff

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

stitch808

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

stitch808

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

gartes

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

stitch808

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

draff

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

stitch808

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

draff

  • Живу я здесь
  • 4919
  • 342 / 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

  • Захожу иногда
  • 121
  • 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;
 }

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

stitch808

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

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

draff

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

stitch808

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

stitch808

  • Захожу иногда
  • 121
  • 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

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

AlexB

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

stitch808

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

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

AlexB

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

Как добавить кнопку на форму?

Автор OnePrg

Ответов: 7
Просмотров: 68
Последний ответ 21.09.2020, 11:08:18
от draff
Как прописать для мобильной выдачи отображение модулей?

Автор polezniy

Ответов: 3
Просмотров: 225
Последний ответ 04.06.2020, 11:55:01
от polezniy
Модуль входа в мобильной версии сайта

Автор bigbelka

Ответов: 3
Просмотров: 238
Последний ответ 22.04.2020, 09:28:29
от bigbelka
Старая и новая версии сайта

Автор help-tend

Ответов: 12
Просмотров: 334
Последний ответ 18.04.2020, 21:20:57
от SeBun
Загрузка моб.версии сайта на десктопе посетителя по умолчанию?

Автор Cassini

Ответов: 3
Просмотров: 307
Последний ответ 12.04.2020, 00:38:33
от Cassini