Hi
I am working on a website, where the main menu is aligned to the left under the logo. I need to align the secondary menu and social media icons to the right of the main main menu:
e.g.
LOGO
Home | Services | Contact Login | SM1 | SM2
Kind regards
Duncan
Hi just realised in question that menu items had all aligned to left. I need main menu to align to left and secondary and social icons to align to right
Home | Services | Contact ……………………………………………… Login | SM1 | SM2
:)
Hi,
Thank you for using Enfold.
It’s possible but you have to modify the includes > helper-main-menu.php file directly. Look for the “avia2” menu and move it inside the header alternate container.
echo "<nav class='sub_menu' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">";
echo $nav;
do_action('avia_meta_header'); // Hook that can be used for plugins and theme extensions (currently: the <a href='http://bit.ly/kwpml' target='_blank' rel="nofollow">WPML</a> language selector)
echo '</nav>';
Move the above code below line 146.
$output .= "
<div id='header_main_alternate' class='container_wrap'>";
You may need to a few css modifications to adjust the position of the secondary menu.
Best regards,
Ismael
Thanks Ismael
I’ve added this code to line 147 in child theme. Is this correct? See screen grab.
Can you suggest css, to align this to right side of screen?
kind regards
Duncan
Hi Ismael
Sorted menu conundrum. Aligning menu items to right is a lot simpler than combing menus :)
sorry for the hassle.
kind regards
Duncan
Hi Duncan,
No worries, glad that Ismael helped you. :)
Please feel free to comeback if you need further assistance or if you want to ask some questions.
Thanks for using Enfold and have a great day!
Best regards,
Nikko