Начать новую тему

Как сделать меню по центру?

Добрый день. Столкнулся с проблемой, необходимо выставить меню по центру только так чтобы сам блок оставался на месте, а категории выровнялись по центру. Пытался с помощью макетов делать отступы, но тогда смещается и блок. Помогите пожалуйста.

PNG

еще 1 человеку задает этот вопрос
Здравствуйте, Денис.

Пожалуйста, попробуйте воспользоваться решением из данной темы, добавив нижеследующие правила в секцию Пользовательские CSS вашего стиля на странице Дизайн > Стили:
.ty-menu__item {
    display: inline-block !important;
    float: none;
}
  
.top-menu {
  text-align: center;
}
  
.ty-menu__menu-btn {
    display: none !important;
}

 Спасибо.

Получилось, спасибо большое!

Можете еще помочь?

1. Можно сделать вертикальную полоску с левой стороны как и с правой?

2. Я создал в разделе Веб сайт > Содержимое страницы Контакты и Доставка, есть ли возможность поместить их в меню вместе с категориями товаров, т.е чтобы в меню были эти разделы? И каким образом, спасибо.


PNG
Здравствуйте, Денис!

Мы рады слышать, что у вас получилось сделать необходимые изменения.

1. Можно сделать вертикальную полоску с левой стороны как и с правой?

Вы можете добавить следующую строчку для отображения полоски слева:

border-left: 1px solid #4fc3e9;

в следующую часть кода в ваших Пользовательских CSS:

.ty-menu__items .ty-menu__item-link {
border-right: 1px solid #4fc3e9;
}


Однако в этом случае для элементов меню, находящихся по середине меню, будет отображаться 2 полоски.

Если у вас возникают сложности с изменением дизайна магазина, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или дождаться открытия Маркета Мерчиума, где наши партнеры будут предлагать свои услуги.


2. Я создал в разделе Веб сайт > Содержимое страницы Контакты и Доставка, есть ли возможность поместить их в меню вместе с категориями товаров, т.е чтобы в меню были эти разделы? И каким образом, спасибо.


Да, вы можете настроить отображение меню категорий с вашими созданными разделами. Подробные инструкции по настройке такого меню можно найти в следующей ветке нашего форума:


Быстрые и удобные способы добавить информацию


Спасибо.

 

Со вторым пунктом разобрался, спасибо большое! А вот с первым пунктом, у меня в меню слева появилась полоска,  зато все категории справа теперь с двумя полосками. Можно как то это поправить? Спасибо.

Здравствуйте, Денис.


Мы рады слышать, что предоставленная информация была полезной.


Что касается границ элементов меню, упомянутая модификация, как указывалось выше, может привести к такому результату. В этой ситуации мы также рекомендуем ознакомиться с рекомендациями из темы Граница категории в меню.


Если у вас возникают сложности при работе с CSS-кодом, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или воспользоваться услугами наших партнеров в Маркете Мерчиума.


Спасибо.


Спасибо Вам.

Только сейчас обратил внимание, когда выставили меню по центру, то и текст при развертывании стоит тоже по центру, можно это исправить?

Здравствуйте, Денис.


Мы рады слышать, что у вас все получилось по первому вопросу.


Что касается вашего второго вопроса, к сожалению, он не совсем понятен для нас. Как мы видим, текст в подменю отображается корректно:

Если вы что-то другое имели в виду, пожалуйста, уточните.  Если это возможно, прикрепите соответствующий снимок экрана к своему сообщению.


Спасибо.


Корректно, потому что меню я выставил с левой стороны, а когда по центру то и текст соответственно по центру стоит.

png

Здравствуйте, Денис.


Для изменения стиля указанных элементов при выравнивании по центру мы рекомендуем воспользоваться CSS свойством text-align для селектора

 

ul.ty-menu__submenu-items.ty-menu__submenu-items-simple.cm-responsive-menu-submenu

 

Для этого, пожалуйста, добавьте соответствующее правило в секцию Пользовательские CSS редактора тем.


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или к партнерам в Маркете Мерчиума.


Спасибо.

Здравствуйте! 

Воспользовался Вашим советом (см. выше) и добавил в пользовательские CSS:

.ty-menu__item {

    display: inline-block !important;

    float: none;

}

 

.top-menu {

  text-align: center;

}

   

.ty-menu__menu-btn {

    display: none !important;

}

Но меню не отцентровалось! Что пошло не так, как можно исправить ситуацию?

Уточните, пожалуйста, когда примерно ожидать от Вас ответа с решением проблемы?

@Компания Экодизайн


Здравствуйте.


Мы рекомендуем воспользоваться CSS свойством margin-right для селектора li.ty-menu__item.ty-menu__item-nodrop. Для этого, пожалуйста, добавьте соответствующее правило в секцию Пользовательские CSS редактора тем.


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или к партнерам в Маркете Мерчиума.


Что касается работы поддержки, подписчикам Про плана поддержка оказывается в первую очередь. Однако мы стараемся ответить всем пользователям в течение одного рабочего дня. Если сообщение было опубликовано в течение выходного дня, возможна некоторая задержка с ответом.


Спасибо.

Здравствуйте! 

  Мы рекомендуем воспользоваться CSS свойством margin-right  -

такой вариант не подошел, нужна именно центровка, а не отступ справа. Т.е. больше подойдет Ваш совет выше: 

Для изменения стиля указанных элементов при выравнивании по центру мы рекомендуем воспользоваться CSS свойством text-align для селектора

Как я и сообщал, сделал все по рекомендациям, но меню не центруется. Пожалуйста, подскажите, что не так. Вот код, который я использовал: 

.ty-menu__item {

    display: inline-block !important;

    float: none;

}

 

.top-menu {

  text-align: center;

}

   

.ty-menu__menu-btn {

    display: none !important;

}


Войдите, чтобы опубликовать свой комментарий