-
Posts
-
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 thewp_nav_menu()call or something else in the header to push the social icons into the code?Any suggestions would be HUGELY appreciated!
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 ShannonThanks, 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!
Hi,
Thanks for providing the link. Add the following to quick css:
#header_meta{ display:none!important; }Best regards,
Jordan ShannonHi,
Please provide admin info so I can log in and look into this further?Best regards,
Jordan ShannonHey, 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!
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
- You must be logged in to reply to this topic.