Отцентровать в мобильной версии телефон и кнопку под логотипом - Joomla 3.x: Общие вопросы

Вставлен телефон и кнопка в модуль

#sp-logo .sp-column {
	display: block;
	margin-left: auto;
	width: 50%;
}

Можно код и куда вставлен ? Вижу Хеликс, шаблон или билдер ?
лого кликабельное на весь блок, но на всю ширину строки .Попробуйте

Код

#sp-logo .sp-column {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

<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/>

Код

.custom a {
	display: block;
	position: relative;
	z-index: 3333;
}

Но лучше прописать в параметрах модуля суффикс класса, и через него определять селектор

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

Ничего не понял. Мой код пропишите в файл Custom CSS, если это Хеликс

Ничего не понял. Мой код пропишите в файл Custom CSS, если это Хеликс

Так и сделал, и кликабельные стали телефон и кнопка, Спасибо. Телефон отцентровал с помощью пробелов, но кнопку как отцентровать и лого - пока не получилось.

Вы - ЕЩО -  решаете ?
Помочь ?

но кнопку как отцентровать и лого - пока не получилось.

Этот код для лого прописал ?
Отцентровать в мобильной версии телефон и кнопку под логотипом
Нет кода для лого в файле стилей

но также на декстопе изменения происходят, чего по сути не нужно

@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%;
}
}

перенесите правило для лого в эту секцию

Код

@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;
 }

  #sp-position1 {display: block; margin-left: 10%}

в указанную секцию

Код

  #sp-position1 {display: block; margin-left: 10%}

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

<a id="offcanvas-toggler" href="#" class="visible-sm visible-xs"><i class="fa fa-bars"></i></a>

Прописать в шаблоне класс

Код

<a id="offcanvas-toggler" href="#" class="visible-sm visible-xs"><i class="fa fa-bars"></i></a>

Прописать в шаблоне класс

Код

<a id="offcanvas-toggler" href="#" class="visible-sm visible-xs"><i class="fa fa-bars"></i></a>

<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>

В шаблоне
Меню
Выбрать только майн меню