Skip to content
Public Ticket #6191

Menu alignment to left and alignment in same line with social icon

Conversation thread

ratheeshvnair replied

7 years ago
Customer Reply

It helped to move the menus to left , thank you 

Penci Design replied

7 years ago
Staff Reply

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

ratheeshvnair replied

7 years ago
Customer Reply

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 

ratheeshvnair started the conversation

7 years ago
Conversation Start

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) 

Want to join this conversation or access attachments? Sign in first.

Login to Reply