Tagged: , , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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.

    #963092

    Hey studiovene,

    Best regards,
    Victoria

    #972260

    Can anyone please help me with my request. My https issue has been resolved.
    :-)

    #972831

    Hi studiovene,

    Please refer to this thread for a possible solution.

    Best regards,
    Victoria

    #973310

    I 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.
    :-)

    #973717

    Hi 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,
    Victoria

    #974112

    Hi Victoria
    Temporary admin access has been given – see private content below.
    :-)

    #974690

    Hi studiovene,

    Best regards,
    Victoria

    #974723

    My theme options looks 100% – what do I do now???

    #975203

    Hi 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,
    Victoria

    #975208

    Thanks 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.
    :-)

    #975278

    Hi 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,
    Victoria

    #975357

    Brilliant! You are the best.
    :-)

    #975401

    Hi,

    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

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Social media icons in the main menu navigation’ is closed to new replies.