CSS Menü Yardımı

Merhaba daha önce Menü ayarlarını CSS den yapmıştım. menüdeki kategorilerin boyutlarını büyütmüştüm, güncelleme yapınca menu eski haline geldi. şimdi ise bulamıyorum kodların yerini. Acaba Menu deki kategorilerin boyutları ile nasıl değiştirebilirim gene ?


Bu şekilde yazıları büyütmek istiyorum. Teşekkürler

.menu-bar ul li a {
    font-size: 24px; 
    font-weight: bold; 
}

bunu ek css alanından mı, yoksa Style.css alanında mı yapacaz.

.menu-bar ul li a {
olan divin olduğu sayfaya style içine herhangi bir yer olur ama menunuzun div ide aynı isimde olsun

ilgin için teşekkür ederim ama beceremedim.


* MENU */



#mainMenu {

position: relative;

background: #fff;

}



.is-sticky #mainMenu {

border-bottom: 1px solid #eaeaea;

}





#menuGroup {

display: flex;

}



#menu {

z-index: 40;

font-size: 25px;

width: 100%;

}



#menu > ul {

display: flex;

align-items: center;

}



#menu li:not(:first-child) {

margin-left: 14px;

}



#menu a {

display: flex;

align-items: center;

color: #262626;

line-height: 60px;

position: relative;

transition: all .3s ease;

}



#menu .safiricon svg {

width: 16px;

height: 16px;

}



#menu .sub-menu {

border-top: 1px solid #eee;

position: absolute;

font-weight: kalin;

font-size: 33px;

background: #fff;

box-shadow: 0px 8px 10px rgba(0,0,0,0.025),

-10px 8px 15px rgba(0,0,0,0.025), 10px 8px 15px rgba(0,0,0,0.025);

visibility: hidden;

opacity: 0;

z-index: -1;

transform: translateY(20px);

transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;

}



#menu li:hover > .sub-menu {

visibility: visible;

opacity: 1;

z-index: 1;

transform: translateY(0%);

transition-delay: 0s, 0s, 0.3s;

}



#menu > ul > .metinsiz > .sub-menu {

right: 0;

}



#menu .sub-menu .sub-menu {

left: 100%;

top: -1px;

}



#menu .sub-menu li {

float:none;

margin: 0;

background: none;

position: relative;

display: block;

line-height:40px;

height: 40px;

padding: 0;

border-top: 1px solid #eee;

}



#menu .sub-menu li:first-child {

border-top: 0;

}



#menu .sub-menu a {

width: auto;

min-width: 200px;

text-align: left;

line-height: 40px;

height: inherit;

margin:0;

border-bottom: 0;

padding:0 12px;

text-shadow: none;

white-space: nowrap;

}



#menu .sub-menu a:hover {

background: rgba(0,0,0,0.02);

}



#menu .submenuarrow {

margin-left: 3px;

}



#menu .submenuarrow svg {

width: 8px;

height: 8px;

}



#menu .sub-menu .submenuarrow {

margin-left: auto;

transform: rotate(-90deg);

}



#menu > ul > li.sag {

margin-left: auto;

}



#menu > ul > li.metinsiz + .metinsiz {

margin-left: 10px;

}



#menu > ul > .metinsiz > a {

width: 30px;

height: 30px;

margin: 15px 0;

border: 1px solid #262626;

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

}



#menu > ul > .metinsiz > a >.text, #menu > ul > .metinsiz > a >.submenuarrow {

display: none;

}



#menu > ul > .metinsiz > a >.safiricon {

margin-right: 0;

}



#menu > ul > .metinsiz > a >.safiricon svg {

width: 14px;

}



#menu li.metinsiz.menu-item-home:first-child {

margin-left: 0;

}



#menu .metinsiz.menu-item-home > a {

border: 0;

width: 18px;

height: 18px;

}



#menu .metinsiz.menu-item-home > a >.safiricon svg {

width: 20px;

height: 20px;

}


Style .css burdan bi yerde yapmıştım ama şimdi bulamıyorum

Komple tüm bu yapıştırdığınız kodları silin şu yazdığımı yapıştırın deneyin.

/* MENU */

#mainMenu {
    position: relative;
    background: #fff;
}

.is-sticky #mainMenu {
    border-bottom: 1px solid #eaeaea;
}

#menuGroup {
    display: flex;
}

#menu {
    z-index: 40;
    font-size: 25px;
    width: 100%;
}

#menu > ul {
    display: flex;
    align-items: center;
}

#menu li:not(:first-child) {
    margin-left: 14px;
}

#menu a {
    display: flex;
    align-items: center;
    color: #262626;
    line-height: 60px;
    position: relative;
    transition: all .3s ease;
    font-size: 24px; /* Yazı boyutunu burada büyüttüm */
    font-weight: bold; /* Yazı kalınlığını burada artırdım */
}

#menu .safiricon svg {
    width: 16px;
    height: 16px;
}

#menu .sub-menu {
    border-top: 1px solid #eee;
    position: absolute;
    font-weight: kalin;
    font-size: 33px;
    background: #fff;
    box-shadow: 0px 8px 10px rgba(0,0,0,0.025), -10px 8px 15px rgba(0,0,0,0.025), 10px 8px 15px rgba(0,0,0,0.025);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transform: translateY(20px);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

#menu li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}

#menu > ul > .metinsiz > .sub-menu {
    right: 0;
}

#menu .sub-menu .sub-menu {
    left: 100%;
    top: -1px;
}

#menu .sub-menu li {
    float: none;
    margin: 0;
    background: none;
    position: relative;
    display: block;
    line-height: 40px;
    height: 40px;
    padding: 0;
    border-top: 1px solid #eee;
}

#menu .sub-menu li:first-child {
    border-top: 0;
}

#menu .sub-menu a {
    width: auto;
    min-width: 200px;
    text-align: left;
    line-height: 40px;
    height: inherit;
    margin: 0;
    border-bottom: 0;
    padding: 0 12px;
    text-shadow: none;
    white-space: nowrap;
}

#menu .sub-menu a:hover {
    background: rgba(0,0,0,0.02);
}

#menu .submenuarrow {
    margin-left: 3px;
}

#menu .submenuarrow svg {
    width: 8px;
    height: 8px;
}

#menu .sub-menu .submenuarrow {
    margin-left: auto;
    transform: rotate(-90deg);
}

#menu > ul > li.sag {
    margin-left: auto;
}

#menu > ul > li.metinsiz + .metinsiz {
    margin-left: 10px;
}

#menu > ul > .metinsiz > a {
    width: 30px;
    height: 30px;
    margin: 15px 0;
    border: 1px solid #262626;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#menu > ul > .metinsiz > a > .text, #menu > ul > .metinsiz > a > .submenuarrow {
    display: none;
}

#menu > ul > .metinsiz > a > .safiricon {
    margin-right: 0;
}

#menu > ul > .metinsiz > a > .safiricon svg {
    width: 14px;
}

#menu li.metinsiz.menu-item-home:first-child {
    margin-left: 0;
}

#menu .metinsiz.menu-item-home > a {
    border: 0;
    width: 18px;
    height: 18px;
}

#menu .metinsiz.menu-item-home > a > .safiricon svg {
    width: 20px;
    height: 20px;
}

Gene olmadı