-
AuthorPosts
-
January 15, 2021 at 8:45 pm #1272825
I’m using Enfold 4.7.6.4 on WP 5.6, PHP 7.4.14, and want to make active submenu icons bold. I found a few older tips here but none worked out. It works well on the main menu but not on the sub-menu: https://bluecallom.com/bcdc-training/
I’m using:
/* — AS — SHOWS ACTIVE PAGE IN MENU — */
.av-main-nav>li.current-menu-item>a>.avia-menu-text,.av-main-nav>li.current-page-ancestor>a>.avia-menu-text {
color: #049bd6 !important;
}
/* –AS– Making active sub menue bold */
#top #avia-menu .current-menu-item > a > .avia-menu-text {
font-weight: 700 !important;
}
Any help?
Thanks a lotJanuary 18, 2021 at 5:03 am #1273210Hey Axel,
Please try the following in Quick CSS under Enfold->General Styling:
ul.sub-menu .current-menu-item .avia-menu-text span { font-weight: 700; }
Best regards,
RikardJanuary 18, 2021 at 11:46 am #1273304Thanks, Rikard
unfortunately, that did not work.
Here are my menu related entries/* –AS– Making font “normal” for the main menu */
#top .av-main-nav > li > a {
font-weight: normal !important;
}
—> Works just fine/* — AS — SHOWS ACTIVE PAGE IN MENU — */
.av-main-nav>li.current-menu-item>a>.avia-menu-text,.av-main-nav>li.current-page-ancestor>a>.avia-menu-text {
color: #049bd6 !important;
}
— works perfectly/* –AS– Making sub-menu font 15px */
#top .av-subnav-menu li a {
font-size: 13px;
}
—> did work but no longer/* –AS– Making active sub menu blue */
ul.sub-menu .current-menu-item .avia-menu-text span {
color: #049bd6 !important;
}
—> Trying font-weight, then testing with color — not working/* –AS– stretching the pulldown menu to 240 px */
.main_menu .menu ul { width: 240px; }.
—> works wellMaybe a conflict with the other entries?
The above is in the order as listed.
Thanks
AxelJanuary 19, 2021 at 12:22 pm #1273663 -
AuthorPosts
- You must be logged in to reply to this topic.