Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 3, 2021 at 8:16 pm #1285116
    richardwilding

    Dear Kriesi,

    I want to add a Donate button to the far right side of the Main Menu in the header of my charity website. This would consist of a .jpg ‘Donate’ image that links to an external donation website. You can see the red button we are currently using for this on our website home page.

    How can I do this?

    Thanks, Richard

    March 4, 2021 at 4:13 am #1285211
    Nikko

    Hi Richard,

    Please do the following steps.
    1. Go to Appearance > Menus
    2. Click Screen Options (located on top right of the screen)
    3. Check CSS Classes (you can minimize Screen Options by clicking on it again)
    4. Add the Donate menu item/link to the main menu
    5. Expand the newly added Donate menu item, under CSS Classes field put donate-button and save
    6. Go to Enfold > General Styling > Quick CSS, then add this CSS code (replace URL_IN_PRIVATE_CONTENT with the URL provided in private content):

    #top #header .donate-button .avia-menu-text {
    background: url(URL_IN_PRIVATE_CONTENT) center center no-repeat;
    background-size: 100% auto;
    display: inline-block;
    width: 300px;
    text-indent: -9999em;
}

    Let us know if this helps.

    Best regards,
    Nikko

    March 5, 2021 at 12:46 am #1285571
    richardwilding

    Thanks Nikko,

    I’ve followed these instructions, but after I check CSS Classes in the Screen Options nothing new appears on the page that would allow me to do your step 4. ‘Add the Donate menu item/link to the main menu’

    Where should I see this new option to add the Donate menu item?

    Thanks, Richard

    March 5, 2021 at 7:00 am #1285619
    Nikko

    Hi Richard,

    Step 4 just meant to add a menu item and name it Donate (in Custom Links).
    Just let us know if you need further clarification :)

    Best regards,
    Nikko

    March 5, 2021 at 12:40 pm #1285704
    richardwilding

    Great, thank you.

    This works now

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Donate link in Main Menu’ is closed to new replies.