Can't change sub menu fonts to match or the look of menu.

  • Resolved babyninja

    (@babyninja)


    8 years, 6 months ago

    Hi there, I’m using sub menus and although I can change colours in the customiser feature I can’t change the sub menu font to match the main menu font – see https://www.babyworldandme.co.uk

    I’m using Google fonts

    Font name/style/sets – Gloria+Hallelujah|Coming+Soon’
    Font Family – ‘Coming Soon’, cursive;

    I’m using a child theme, i’m guessing there’s some custom CSS I need to use.

    Also, once I manage to change the font is there a way to make the drop down box edges rounded and the background slightly transparent? In fact anything just to make it tie in with the theme more and not look so damn ugly!!

    Thanks so much!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    Like you guessed the issue is purely CSS, i can only advise you to work on CSS.

    Just know that CSS and HTML5 don’t allow to change on the fly so, even if called by jquery or js, you’ll have to use same font in the menu with (ul/li structure).

    Good luck,

    Thread Starter babyninja

    (@babyninja)

    Thanks for the reply, if anyone has any css code I can add to alter my sub menu I’d be much obliged. Strangely on the mobile site the sub menu font is the same as the main menu, confused?

    Very strange yes, sure font declarations in CSS are not overlapping each other ?

    Never saw the case, but it’s possible, check @media declarations related to window screen maybe?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can't change sub menu fonts to match or the look of menu.’ is closed to new replies.

Tags