dropdown menu in topbar menu | PenciDesign Support

PenciDesign replied

6 years ago

Staff Reply

Hi,

1/ Unfortunately, currently this theme doesn't support for this feature. We will consider to add more this feature in the future updates.

2/ You can try add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 479px) {
ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a, 
.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta{ font-size: 14px; }
body, p{ font-size: 16px; }
#top-search > a > i, #navigation .button-menu-mobile > i{ line-height: inherit; }
.penci-menuhbg-wapper{ display: none; }
.widget #searchform input.search-input, 
.penci-sidebar-content .widget #searchform input.search-input, #footer-copyright *, .penci-topbar-social a{ font-size: 15px; }
.widget-social.show-text a span{ font-size: 15px !important; }
.footer-instagram h4.footer-instagram-title span, .item-related span.date{ font-size: 14px; }
ul.footer-socials li, .author-content .author-social{ margin-right: 20px; }
.penci-topbar-social a, .post-share a{ margin-left: 20px; }
.post-share{ margin-top: 12px; }
.penci-headline{ display: table; }
.wp-caption p.wp-caption-text, .penci-featured-caption{ font-size: 15px; }
.post-pagination h5{ font-size: 16px; }
.cat>a.penci-cat-name, .penci-grid li .item .cat a, 
.penci-masonry .item-masonry .cat a,
.penci-container-inside.penci-breadcrumb span, 
.penci-container-inside.penci-breadcrumb span a, 
.container.penci-breadcrumb span, .container.penci-breadcrumb span a,
#sidebar-nav .menu li a,
.penci-pagination a, .penci-pagination .disable-url {
    font-size: 14px;
}
.main-nav-social a{ font-size: 16px; margin-right: 17px; }
.header-social a i{ font-size: 16px; margin-right: 7px; }
.featured-style-23 .penci-item-1 .penci-mag-featured-content h3 a, 
.featured-style-23 .penci-item-2 .penci-mag-featured-content h3 a, 
.featured-style-23 .penci-item-3 .penci-mag-featured-content h3 a, 
.featured-style-23 .penci-item-4 .penci-mag-featured-content h3 a, 
.featured-style-23 .penci-item-5 .penci-mag-featured-content h3 a, 
.featured-style-23 .penci-item-0 .penci-mag-featured-content h3 a{ font-size: 15px; }
}

Best Regards,

PenciDesign

pbourelly Bourelly replied

6 years ago

Customer Reply

Thanks this works fine.

I have two requests. Since Goodle states that the top menu in the mobile version has al items too close to each other, is it possible to have a top down menu as the main menu in the mobile version. I mean with a later button on the left that shows a drop down menu?

One more thing, how can I increase the size of the characters of the mobile version of the site?

Thanks

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 960px){
ul.penci-topbar-menu li:hover > ul.sub-menu, div.penci-topbar-menu > ul li:hover > ul.sub-menu {
    display: block;
}
}

Best Regards,

PenciDesign

pbourelly Bourelly started the conversation

6 years ago

Conversation Start

The site isog.org has a topbar menu with a drop down menu (contacts) and a languange switcher.

In the web version they open. In the mobile version they do not drop down.

What can be done?