Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2328478
dropdown menu in topbar menu
Closed

Comments

  •  1
    pbourelly started the conversation
    March 15, 2020 at 7:17pm

    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?

  •  2,700
    PenciDesign replied
    March 16, 2020 at 3:55am

    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

  •  1
    pbourelly replied
    March 16, 2020 at 11:35am

    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

  •  2,700
    PenciDesign replied
    March 17, 2020 at 2:51am

    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