Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • June 23, 2020 at 6:15 pm #1224925
    MyMedicalShopper

    Hi, we want to add a “Get a Demo” button to our navigation, and make it appear larger and in bold so it stands out from the rest of our menu navigation items. I’m new to Enfold and WordPress site management, so a complete novice here.

    June 24, 2020 at 7:06 am #1225045
    Jordan Shannon

    Hey MyMedicalShopper,

    You can do this a few ways:

    1 You can add a widget area to the header and then add the button to the widget.

    Header

    2. You can add a menu link and then give it a custom url. You can simply style and position the text link to look like a button.

    Best regards,
    Jordan Shannon

    June 24, 2020 at 2:16 pm #1225212
    MyMedicalShopper

    Can you explain how to do number 2 in more detail?

    June 24, 2020 at 2:38 pm #1225228
    Yigit

    Hey,

    Please go to Appearance > Menus and click on your menu item and choose to display “Button Style” in “Menu Style” – https://imgur.com/a/xS1qQrt.

    You can then go to Enfold theme options > Advanced Styling and edit “Menu Item Button” as needed. You are currently using Enfold 4.5.7, so Advanced Styling might not work correctly. If it does not, please update Enfold to the latest version 4.7.5 – https://kriesi.at/documentation/enfold/theme-update/ :)

    Best regards,
    Yigit

    June 24, 2020 at 6:22 pm #1225306
    MyMedicalShopper

    I tried updating and now I’m seeing two “Home” pages and no “Member Login”

    June 24, 2020 at 6:56 pm #1225310
    Yigit

    Hey,

    I see no “home” page in menu and can see “Member Login”. Have you figured it out already? :)

    Best regards,
    Yigit

    June 24, 2020 at 6:58 pm #1225311
    MyMedicalShopper

    I did, but now I can’t figure out how to simply add “Get a Demo” to our Main Navigation in Enfold.

    June 24, 2020 at 7:13 pm #1225312
    MyMedicalShopper

    Actually, figured that out, too. Is there any way to increase the font size of only one specific menu item, i.e. the font inside the menu item button?

    June 24, 2020 at 7:41 pm #1225318
    Yigit

    Hey,

    Please add following code to Quick CSS in Enfold theme options > General Styling and adjust the value as needed

    #top #wrap_all #header.header_color .av-menu-button-colored > a .avia-menu-text {
    font-size: 20px;
}

    Regards,
    Yigit

    July 10, 2020 at 4:55 pm #1229454
    MyMedicalShopper

    Hi, thank you this was incredibly helpful.

    I want to decrease the space between the menu items, and I also want to bold and emphasize “Member Login” on our menu. Can you help? Please see our site at mmsanalytics.com

    Also, the alignment of our header in Safari is all off

    July 12, 2020 at 4:38 am #1229728
    Rikard

    Hi,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    .av-main-nav > li > a {
    padding: 0px 5px;
}

#menu-item-1262 .avia-menu-text {
    font-weight: 600;
}

    Best regards,
    Rikard

    July 13, 2020 at 3:41 pm #1229978
    MyMedicalShopper

    Thanks, the padding helped, but the font weight didn’t. Is there a way to target and bold one specific menu item (in this case, the Member Login).

    July 13, 2020 at 6:42 pm #1230038
    Jordan Shannon

    Hi,

    That font doesn’t have a bold state but you can enlarge it slightly by adding this to quick css:

    #menu-item-226 a{
font-size:17px!important;
}

    Best regards,
    Jordan Shannon

    July 13, 2020 at 8:54 pm #1230111
    MyMedicalShopper

    Is there a way for us to separate out menu items? We want to separate out “Free Consultation” and “Member Login” all the way to the right from everything else.

    July 14, 2020 at 6:44 pm #1230381
    Victoria

    Hi MyMedicalShopper,

    Yes, of course, do you want different font sizes or a different color?

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    July 14, 2020 at 6:45 pm #1230384
    MyMedicalShopper

    Our engineering team figured this one out for me, thanks for anyway for the response!

    EDIT: We want to link the button to our SimplyScheduleAppointment plugin. Is this possible?

    July 15, 2020 at 1:00 am #1230469
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Add a "Get Demo" button to our menu navigation.’ is closed to new replies.