Social Icons In Main Menu

Posted in: Newspaper
Post count: 1
zselmon
#14929
Jun 26, 2014 at 10:07 pm

I know how to add the social icons to the top menu, but I would like to have the social icons display in the main menu in place of the search. Is this possible?

Post count: 6600
Lucian
#14952
Jun 27, 2014 at 4:17 pm

Hi,

Please follow this steps:

1. Using page builder add and configure “Social icons” and then switch to Classic Mode to get the shortcode like this http://screencast.com/t/QB6MexTB

2. Go to menu-header.php and replace the search icon with the following code like this: http://screencast.com/t/8H2XL18lRGr

<?php echo do_shortcode('Your Shortcode goes here'); ?>

Replace with your code like this: http://screencast.com/t/XOMIQbN1s

3. Inside the same menu-header.php file you have to change those classes like this:

…the one from the top to "span 9" http://screencast.com/t/3Kq6hyj0f and the one from the bottom to "span 3" like this http://screencast.com/t/J8nJjrVazN

4. Last add this custom CSS:

#td-top-search {
width: auto !important;
margin-left: 0px !important;
}

#td-top-search .td-social-wrap {
position: relative;
top: 10px;
}

…in Theme Panel -> Cutom CSS

Result: http://screencast.com/t/3WBgoKQ9j

Thanks

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.