Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 29, 2020 at 12:30 am #1233814
    sylwilson

    Is there a way to display the hamburger menu on the desktop view and mobile phone view? My client prefers that style of menu.

    July 29, 2020 at 4:59 am #1233841
    Jordan Shannon

    Hey sylwilson,

    You can set the mobile menu to always be active in the Menu Items for Desktop option under Enfold->Main Menu

    Best regards,
    Jordan Shannon

    August 3, 2020 at 10:49 pm #1234992
    sylwilson

    Hi again Jordan, I would like to create a donate button on my site similar to what is on this screenshot: http://www.bestwebdesignco.com/tagood/wp-content/uploads/2020/07/donate-button.png and still keep the hamburger menu style on a desktop. Can you send me some code that I can add to do that and have it link out to a # for now and I will add the real link? Here is the link to the actual site that is still in testing mode: http://www.bestwebdesignco.com/tagood/contact-tag/

    I want to have the hamburger menu on all the time and the only menu item on the screen that would have the colored background would be that donate button….well except when you scroll down of course which is when the static menu would appear. Hope that makes sense. The screenshot (in the link above) explains it best.

    Also – i only want it to appear that way on the home page. So the balance of the pages would be as they are currently. I hope I am making sense. THe real site is here: https:http://tribeallgood.org but we are still trying to get things right on my testing server (above)

    • This reply was modified 4 years, 3 months ago by sylwilson.
    August 4, 2020 at 11:26 pm #1235242
    Yigit

    Hi,

    I went to Appearance > Menus and added a “Donate” button as Custom Link to your main menu then added following code to Quick CSS in Enfold theme options > General Styling 

    .home #avia-menu > li#menu-item-4126 {
    display: block !important;
    float: right;
}

    You can do the same on the live site, you would only need to change menu ID (4126 in example above). You can go to Enfold theme options > Advanced Styling and edit “Menu Item Button” to change the styling of the menu item as needed :)

    Best regards,
    Yigit

    August 4, 2020 at 11:37 pm #1235245
    sylwilson

    I love it! But is there a way to show only the hamburger menu with all of the menu items and the donate button as you have it? Then if a person scrolls, the static menu would appear with all of the menu items?
    THANK YOU SO MUCH FOR BEING SO QUICK!! YOU ARE SAVING MY LIFE!

    August 5, 2020 at 12:07 am #1235251
    sylwilson

    Also, if you can make this on my “Live site” that’d be so much appreciated. I just tried and I can’t get it to work. I have a feeling it’s because I need the menu ID but no clue where it is??? Putting login details below again so you have them handy since I am on the LIVE site now.

    August 5, 2020 at 8:10 am #1235333
    Yigit

    Hi,

    Please go to Enfold theme options > General Styling and add following code to bottom of Quick CSS field

    .home #avia-menu > li#menu-item-4371 {
    display: block !important;
    float: right;
}

    I did not add the code as I could not come up with a solution to the issue I shared in screenshot below. When you open burger menu, Donate menu item would show up on it.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.