-
AuthorPosts
-
May 25, 2018 at 4:24 pm #962241
I need to include my social media icons in my main navigation. I have set it to display in the main header area, but then it displays above the menu and not integrated into the menu.
May 28, 2018 at 11:58 am #963092Hey studiovene,
Best regards,
VictoriaJune 13, 2018 at 12:42 pm #972260Can anyone please help me with my request. My https issue has been resolved.
:-)June 14, 2018 at 3:35 pm #972831June 15, 2018 at 2:05 pm #973310I have already done this, and yes, the social media icons do appear in the main header area, however, I need them to display in the navigation. Please see the link to the screen I have included under the private info as well a my original request above.
:-)June 16, 2018 at 7:50 pm #973717Hi studiovene,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaJune 18, 2018 at 9:36 am #974112Hi Victoria
Temporary admin access has been given – see private content below.
:-)June 19, 2018 at 10:57 am #974690Hi studiovene,
Best regards,
VictoriaJune 19, 2018 at 11:59 am #974723My theme options looks 100% – what do I do now???
June 20, 2018 at 11:10 am #975203Hi studiovene,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 1024px) { .html_bottom_nav_header #top .av-logo-container .social_bookmarks { top: 104%; margin-top: 0; } }
If you need further assistance please let us know.
Best regards,
VictoriaJune 20, 2018 at 11:25 am #975208Thanks Victoria! One last question. How do I ensure the search and social media icons follow on from the navigation. See image. Alternatively, if they can indent slightly on the right that would be great. I do not want them to display right on the edge of the page.
:-)June 20, 2018 at 1:20 pm #975278Hi studiovene,
This is the correct code:
@media only screen and (min-width: 1024px) { .html_bottom_nav_header #top .av-logo-container .social_bookmarks { top: 104%; margin-top: 0; right: 29%; } .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu .menu-item-search-dropdown { float: left; } }
Best regards,
VictoriaJune 20, 2018 at 3:51 pm #975357Brilliant! You are the best.
:-)June 20, 2018 at 5:54 pm #975401Hi,
I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Social media icons in the main menu navigation’ is closed to new replies.