Cloudbase 3, шаблон, выравнивание меню навигации

Мне нужно обосновать панель меню навигации в шаблоне Cloudbase 3 , поэтому он охватывает всю ширину статьи. В настоящее время меню плавает вправо, и оно заканчивается где-то посередине статьи (в зависимости от того, сколько там элементов меню), она должна быть такой же ширины, как и белое пространство статьи ниже.

 введите описание изображения здесь>> </a> </p>

<p> Я новичок в Joomla, поэтому эти вещи также новы для меня, поэтому я точно не знаю, как с этим бороться. </p></body></html>

2 голоса | спросил taro_m 21 PM00000010000002031 2015, 13:49:20

1 ответ


1

Вы можете обосновать меню, используя Flexboxes . Это свойство CSS3, и поддержка браузера по-прежнему невелика, но большинство современных браузеров справятся с этим хорошо.

Добавьте на свой сайт следующий код CSS:

.gf-menu {
    display: flex;
    justify-content: space-around;
}
.gf-menu li {
    width: 100%; /* Remove white space between menu items */
}
/* Center text inside each menu item */
.gf-menu .item {
    text-align: center!important;
    padding: 0;
}

Это должно дать вам кое-что для начала, вам, возможно, придется немного подкорректировать CSS, чтобы он выглядел так, как вы хотите.

Надеюсь, что это поможет.

(Ответ основан на этом вопросе от SE)

В случае, если вы хотели бы center меню вместо его оправдания, попробуйте с этим кодом CSS:

ul.gf-menu.l1 {
    text-align: center;
}
.gf-menu li {
    display: inline-block;
    float: initial;
    *display:inline; /*IE7*/
    *zoom:1; /*IE7*/
}
ответил johanpw 21 PM00000060000004031 2015, 18:24:40

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132