Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 15, 2013 at 10:22 pm #189445
    steed

    Hi,

    I read somewhere that kriesi.at uses the Enfold theme. The site we’re working on now is also built on Enfold:

    http://site.avatron.com

    Update: I figured out how to get the “stack” icon instead of the “Dropdown” style menu.
    (In WordPress, click “Enfold” in the left nav, then “Header” in the theme options nav, then look for “Responsive header main menu.” Don’t know how I missed that earlier. :-\

    Next question is regarding the fonts in the menu itself.
    http://avatron.com/images/test/ourUglyFonts.png
    vs.
    http://avatron.com/images/test/yourPrettyFonts.png

    How do we make ours show up like yours?

    Thanks in advance!

    Thomas

    • This topic was modified 11 years, 1 month ago by steed. Reason: Figured out the answer to my initial query. Updated to a related follow up
    November 16, 2013 at 2:14 am #189495
    Ismael

    Hey steed!

    The theme uses the Open Sans fonts. You can define it on Enfold > Styling > Defines the Font for your body text & Heading Font.

    Regards,
    Ismael

    November 18, 2013 at 9:12 pm #190300
    steed

    Thank you Ismael, but I was unspecific in my question, so I’m hoping you can provide a little more help.
    I did locate the Styling that defines the font, but if I set it to Open Sans as you suggest, I still see several differences between my responsive menu and the one you use:

    http://avatron.com/images/test/yourMenu-v-myMenu.png

    Specifically:
    1) how may I change the font size in the responsive menu (yours looks at least 1 point bigger to me)
    2) how may I add the horizontal rules between menu items

    Thanks again. Both of us working on our website overhaul are so impressed with the Enfold theme and the quality and speed of your support team.

    November 19, 2013 at 12:15 am #190357
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab
    1

    #mobile-advanced a { font-size: 15px; }
#mobile-advanced li > a { border-color: #e1e1e1; }

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘My responsive menu is different than your responsive menu’ is closed to new replies.