Actually I do not want to choose another header design rather can you please advise how to align menu to left in existing head template (header 11 ) it self as this is the only one i like . As of now there is huge space laft between logo and menu which I want to avoid
Dear Support,
I own http://www.knewron.com/newsmosaicC/ and use Pennews theme for video. I have 2 questions
Question 1. As per attached image, currently the main menu is in center but I want to move this towards left near to Logo. How can I do that ?
I tried the below CSS code but it didn't help
#navigation.header-9 .menu {
float: left; margin-left: 40px; }
Question 2. How to keep main header menu and social media icons in same line alignment as it is not same (see attached)
Hi,
Please go to customize > Logo and Header Options then choose any header you want Header Layout as screenshot http://prntscr.com/m1suxj, http://prntscr.com/m1sv62
Best Regards,
PenciDesign
Actually I do not want to choose another header design rather can you please advise how to align menu to left in existing head template (header 11 ) it self as this is the only one i like . As of now there is huge space laft between logo and menu which I want to avoid
Hi,
Please go to Customize > Addtional CSS, then add custom css to do that:
.site-header.header--s11 .penci-container-fluid {justify-content: flex-start;
}
.site-header.header--s11 .header__social-search {
margin-left: auto;
}
.site-header.header--s11 .site-branding {
margin-right: 40px;
}
.site-header.header--s11 .main-navigation .menu > li > a {
padding-top: 12px;
padding-bottom: 12px;
}
Best Regards,
PenciDesign
It helped to move the menus to left , thank you