Header design etc.

Public Ticket #17014

Conversation thread

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please add the following custom CSS code to adjust the Header Menu:

/* Fixed Top Header Menu in 1 row */
.header-social a i,
.main-nav-social a,
#top-search > a {
    line-height: 54px;
}

For Point 3: The previous CSS code has improved the size of the arrow button, please clear your site cache on mobile and test again. I've checked and the submenu is working properly. You can view this video:

Best Regards,
PenciDesign.

indeepsilence replied

5 years ago

Customer Reply

Hi !

Point 2 is resolved, Points 1+3 unfortunately not yet

For Point 3 ... can't be the whole submenu item in the mobile menu be clickable ?

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please add the following custom CSS code to your site by going to Appearance > Customize > Custom CSS:

/* Modify Sub menu width */
@media only screen and (min-width: 961px) {
    #navigation-sticky-wrapper:not(.is-sticky) .menu .sub-menu, #navigation-sticky-wrapper:not(.is-sticky) .menu .children {
        margin-top: 0;
    }
}
#navigation ul.menu ul a, #navigation .menu ul ul a {
    min-width: 250px;
}
/* Disable Headed Slogan */
.header-slogan {
    margin-top: 0;
}
/* Improve size of button sub menu on mobile */
.penci-menu-hbg .menu li a .indicator, #sidebar-nav .menu li a .indicator {
    padding: 15px;
}

This code will improve and resolve your issues.

Best Regards,
PenciDesign.

indeepsilence started the conversation

5 years ago

Conversation Start

Hi there !

1.) How can I align all menu items on the same row ? The menu items containing submenus are 1 px under the standard menu items. This bothers me :-)

2.) How can I decrease the space between the logo and the slogan ? Any CSS for that ?

3.) When page is minimized to mobile version, the menu items with submenus aren't clickable. You have to hit the very very little arrow. This is not very user-friendly ? Can it be changed ?

Thanks in advance !

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