Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #970174

    Hi there. Please see this image:

    I would like to put the social media icons in the circled area. I know how to use the built in functions to generate the icons but I’m having trouble figuring out how to place the code in this area. Ideally, I’d like to put the icon block after the closing </ul> of the menu and before the closing </div> right after it. I know this is beyond the scope of support but can you give me a nudge on how to filter the wp_nav_menu() call or something else in the header to push the social icons into the code?

    Any suggestions would be HUGELY appreciated!

    • This topic was modified 1 year, 7 months ago by  kevinmcgillivray. Reason: Embedded image and corrected typo
    #970213

    Hey Kevin,

    Please choose to display social icons on the top bar and then add following code to Quick CSS and adjust as needed

    #top .social_bookmarks { position: relative; top: 50px; }

    Best regards,
    Jordan Shannon

    #970219

    Thanks, Jordan. That’s close but not quite it. Doing this adds a band above the menu bar and pushes the menu bar down. The icons appear in approximately the right place but the overall menu bar doesn’t. I’d still like the menu bar to be flush with the top of the window.

    Any suggestions? Thanks!

    #970224

    Hi,

    Please add a link to the site so I can inspect this further.

    Best regards,
    Jordan Shannon

    #970231

    See private content…

    Thanks!

    #971353

    Hi,

    Thanks for providing the link. Add the following to quick css:

    #header_meta{
    display:none!important;
    }

    Best regards,
    Jordan Shannon

    #971376

    That makes the social media icons disappear since they are inside #header_meta.

    #971419

    Hi,
    Please provide admin info so I can log in and look into this further?

    Best regards,
    Jordan Shannon

    #971437

    Hey, Jordan. Before we go that route, I guess I want to go back to my initial question. Is there a filter/action I can use to insert something into the closing of the menu and before the closing </div> right after it? This is the best solution. I really don’t want to have to style a bunch of stuff and have to test it across all the various devices and browsers if I could just drop it into the place I actually want it.

    Thanks!

    #971459

    Hi,

    Here are the list of Enfold hooks you can utilize to hopefully achieve what you are looking to:

    Are you familiar with hook usage?

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.