Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 18, 2016 at 7:08 pm #567316
    dkrausJFA

    Good morning . . .
    Several weeks ago you supplied me with this quick css to modify the text size inside a full width submenu:

    .avia-button.avia-size-large { font-size: 24px; }
    .av-submenu-container .avia-menu-text { font-size: 32px !important; }

    This has let me set the submenu size at 32px as visible. But I also have nested submenus for each of the three items in the submenu: Small, Midsize, and Large Business Services. That CSS sets the font size in the nested submenus as well, and within the context of our page it looks quite awkward. I have included the page link in the private info so you can see.

    Is there additional quick css I can include that will let me set the font size for the nested submenu items independently of the main submenu headings? Ideally I would be able to have the nested submenu items at 16px in contrast to the 32px of the main submenu items.

    It would also be great to be able to be able to control the background color of the nested submenu and put bullets in front of each item. Is this also possible through quick CSS? My end goal is to have the nested submenu come up on mouseover in such a way that it is clearly highlighted, since the list is popping up over background text.

    Thanks so much for any advice or help you can give!

    Dave

    January 19, 2016 at 3:46 am #567541
    Elliott

    Hey dkrausJFA!

    Use this CSS instead.

    .av-submenu-container > div > ul > li > a > .avia-menu-text {
    font-size: 32px !important;
}

    Cheers!
    Elliott

    January 19, 2016 at 8:55 pm #568104
    dkrausJFA

    Thank you, Sir! I will give it a try and see what we get.

    January 19, 2016 at 9:04 pm #568118
    dkrausJFA

    OK, I just tried this and Elliott, you ARE Da’Man! :^)

    It works very well, except that the popup submenu text comes up way too small.

    I am assuming the 32pt font size cited in the CSS you included above refers to the main submenu text size. But there is no numerical value included for the popup submenu text size. Is there a way for me to control the size of the popup nested submenu text? Is this CSS just telling the page to pull the the type size from another setting that I could go adjust in the control panels?

    Thank you!

    Dave

    January 19, 2016 at 9:04 pm #568119
    Yigit

    Hey!

    Please do so and let us know so we can mark the thread as resolved or assist you further :)

    Cheers!
    Yigit

    January 25, 2016 at 8:28 pm #571593
    dkrausJFA

    Follow up to my earlier message . . .

    It works very well, except that the popup submenu text comes up way too small. . . . . . I am assuming the 32pt font size cited in the CSS you included above refers to the main submenu text size. But there is no numerical value included for the popup SUBMENU text size. Is there a way for me to control the size of the popup nested submenu text? Is this CSS just telling the page to pull the the type size from another setting that I could go adjust in the control panels?

    Is the smaller font size in the dropdown adjustable? The CSS you gave me works great but the dropdown type is way too small.

    Thank you!
    Dave

    January 26, 2016 at 7:40 am #571914
    Rikard

    Hi,

    Please try the following as well:

    .sub-menu li a .avia-menu-text {
font-size:18px !important;
}

    Thanks,
    Rikard

    January 26, 2016 at 3:16 pm #572151
    dkrausJFA

    This worked great. Thank you so much!

    Last question! . . . Is there anything I can do to put a background color in the submenu box when it pops up? As it is now, the submenu appear in front of some other text on a white background and it looks confusing. It would be perfect if I could control the background color.

    Thanks!

    January 26, 2016 at 3:29 pm #572158
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .alternate_color .av-subnav-menu > li ul a {
    background: orange;
}

    Best regards,
    Yigit

    January 26, 2016 at 3:34 pm #572163
    dkrausJFA

    WONDERFUL! You guys are incredible and have just made me look VERY good for my boss!

    Kriesi Support ROCKS!

    January 26, 2016 at 3:38 pm #572166
    Yigit

    Hey!

    I am pretty sure you are already very good but we are happy if we helped with your boss realizing it :)
    Thank you for your kind words. Let us know if you have any other questions or issues. We are always happy to help :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘How to make nested submenu type smaller than main submenu?’ is closed to new replies.