Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #567316

    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

    #567541

    Hey dkrausJFA!

    Use this CSS instead.

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

    Cheers!
    Elliott

    #568104

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

    #568118

    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

    #568119

    Hey!

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

    Cheers!
    Yigit

    #571593

    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

    #571914

    Hi,

    Please try the following as well:

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

    Thanks,
    Rikard

    #572151

    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!

    #572158

    Hi!

    Please add following code to Quick CSS as well

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

    Best regards,
    Yigit

    #572163

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

    Kriesi Support ROCKS!

    #572166

    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

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.