Здравствуйте! Подскажите, пожалуйста, как увеличить размер шрифта в 1,5 раза в меню на сайте? Стили css прописаны следующие:
/* Меню */
.uk-navbar-dropdown-nav{
font-size: 11px;
}
.uk-navbar-dropdown-nav > li > a{
transition: all .3s ease;
position: relative;
left: 0;
}
.uk-navbar-dropdown .uk-navbar-dropdown-nav > li.uk-active > a,
.uk-navbar-dropdown .uk-navbar-dropdown-nav > li > a:hover {
color: #fff;
left: 5px;
margin-left: -5px;
padding-left: 5px;
}
.uk-navbar-dropdown {
margin-top: 0;
box-shadow: none;
padding: 0;
background-color: transparent;
}
.uk-navbar-dropdown .uk-container {
overflow: hidden;
box-sizing: border-box;
padding: 40px 30px;
background-color: #151515;
}
.uk-navbar-dropdown-grid > .uk-grid-margin {
margin-top: 0;
}
.uk-navbar-dropdown-grid > :not(.uk-first-column)::before {
left: 20px;
border-color: #333;
}
/* Мини меню */
.uk-nav-default{
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
}
ul.uk-nav-sub{
padding-bottom: 10px;
}
/* TW Меню */
.uMenuRoot{
height:100%;
margin:0px;
}
.tw-main-menu {
display: flex;
margin: 0;
padding: 0;
list-style: none;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.2em;
}
.tw-main-menu > li > a {
display: flex;
align-items: center;
height: 70px;
color: #999;
padding: 0 15px;
}
.tw-main-menu > li > a:hover{
color: #151515;
}
.tw-main-menu > li.menu-item-has-children > a {
padding-right: 33px;
}
.tw-main-menu > li.menu-item-has-children:after {
content: '\f3d0';
font-family: "Ionicons";
font-size: 12px;
line-height: 1;
color: #999;
position: absolute;
right: 15px;
top: 50%;
margin-top: -5px;
z-index: -1;
}
.tw-main-menu .menu-item-has-children:hover > .sub-menu {
display: block;
}
.tw-main-menu .menu-item {
position: relative;
display:inline-flex;
}
.tw-main-menu .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
padding: 18px 0;
width: auto;
min-width: 220px;
background-color: #FFF;
box-sizing: border-box;
list-style: none;
border: 2PX SOLID #151515;
}
.tw-main-menu .sub-menu a {
display: block;
color: #000;
padding: 6px 28px;
transition: all 0.3s ease;
}
.tw-main-menu .sub-menu .menu-item-has-children > a {
padding-right: 33px;
}
.tw-main-menu .sub-menu .menu-item-has-children:after {
content: '\f3d1';
font-family: "Ionicons";
font-size: 12px;
line-height: 1;
color: #999;
position: absolute;
right: 15px;
top: 50%;
margin-top: -6px;
z-index: -1;
}
.tw-main-menu .sub-menu > li:hover > a {
padding-left: 35px;
color: #19acff;
}
.tw-main-menu .sub-menu .sub-menu {
top: -18px;
left: 100%;
}
.one-page-nav .tw-main-menu .uk-active a,
.tw-header.tw-header-sidebar .tw-main-menu .sub-menu > li.uk-active > a{
color: #151515;
}
.uk-light .tw-main-menu > .sub-menu .uk-active a,
.tw-header.tw-header-sidebar .tw-main-menu > .uk-active > a{
color: #19acff;
}
.phone-top a{color:#fff;}
.phone-top {
position: absolute;
left: 30px;
top: 64px;
font-size: 22px;
font-weight: bold;
color: #fff;
z-index: 999;
}
.photo-doctor {
display: inline-block;
max-width: 300px;
float: left;
margin: 0 18px 10px 0;
}
.tw-carousel-post .owl-next {
top:35% !Important;
background: #00000096 !important;
right: 0px !important;
color: #fff;
}
.tw-carousel-post .owl-prev {
top:35% !Important;
background: #00000096 !important;
left: 0px !important;
color: #fff;
}
.tw-carousel-post .uk-slidenav {
color: #ffffff !important;
}
.head-page-menu {
/* font-weight: bold; */
color: #000;
font-size: 20px;
}
.menu-page{
margin-bottom:30px;
padding: 20px;
background-color: #f6f6f6;
border-radius: 3px;
}
.menu-page ul{
list-style:none;
padding:0px;
}
.menu-page ul a {
font-size: 14px;
line-height: 30px;
color: #5d5d5d;
/* margin-bottom: 3px; */
}
.menu-page ul a:hover {
color:#c2a26f;
}
где нужно что изменить?
Контент-модули
Продвижение сайта
Управление сайтом