Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Change font size on child menus

Home › Forums › Pro Support › Change font size on child menus

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 2, 2018 at 4:06 pm #68720
    Eri GriffinEri Griffin
    Participant

    Hello,
    This is a great plugin! Working beautifully.

    I’d like to add some customisation on my mobile menu. I’d like to change sub menus font and font size.
    For example;

    Parent (Coolvetica 24px)
    • child (Lato 16px)
    • child (Lato 16px)
    Parent (Coolvetica 24px)
    • child (Lato 16px)

    I set Menu tab as Coolvetica 24px, and added custom CSS on my child theme;

    .responsive-menu-pro-item-has-children {
	font-family: coolvetica !important;
	font-size: 24px !important;
	letter-spacing: 1px !important;
}

.responsive-menu-pro-submenu-depth-1 li, .responsive-menu-pro-submenu-depth-2 li {
	font-family: lato !important;
	font-size: 16px !important;
	letter-spacing: 0px !important;
}

    Now I see all child menus are Lato, this is great. However child menus font size is as same as parent 24px.
    Is there any solutions to change child menu font size?

    Many thanks for your help in advance.

    Kind Regards,

    February 2, 2018 at 4:13 pm #68723
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Eri,

    Thanks for the kind words regarding the plugin.

    Are you able to provide me a site URL so I can take a look at what you have setup.

    It will give me a much better idea of what needs to be done if I can see your site.

    Alternatively, can you try the below for the child items:

    #responsive-menu-pro li .responsive-menu-pro-submenu li a {
	font-family: lato !important;
	font-size: 16px !important;
	letter-spacing: 0px !important;
}

    Please advise

    Peter

    February 2, 2018 at 4:51 pm #68722
    Eri GriffinEri Griffin
    Participant

    Hi Peter,

    Thank you so much for really fast response!
    I tried your code, and it works beautifully now! Thank you so much.

    I’ve just started making the site, but the site is
    http://39stepsnew.uk.w3pcloud.com/
    I’m sure I’ll put the URL again for next time if I had any further questions!

    Thanks again for your help, really appreciated.
    Eri

    February 2, 2018 at 4:58 pm #68721
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Eri,

    Excellent news and I’m glad it worked for you!

    Have a great weekend and I hope you enjoy the plugin!

    Peter

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change font size on child menus’ is closed to new replies.