Hi, just a quick question for one of my websites with Soledad.
From desktop the topbar menu and the social icons are showed in the same line and that's beautiful, but from mobile they show in two different lines (you can check the screenshots below).
Can you tell me how can I put the topbar menu and the social icons in the same line on mobile like happened on the desktop version?
Thank you, it works but on mobile the menu appears de-centered vertically (close to the bottom border and far from the upper border), I increased Height to 40px and decreased line-height to 20px and the menu was centered again, but the line-height change doesn't apply to social icons which remained de-centered. Is there a way to center the social icons too?
Hi, just a quick question for one of my websites with Soledad.
From desktop the topbar menu and the social icons are showed in the same line and that's beautiful, but from mobile they show in two different lines (you can check the screenshots below).
Can you tell me how can I put the topbar menu and the social icons in the same line on mobile like happened on the desktop version?
Hi,
Please try add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 960px){ .penci-top-bar.topbar-menu{ height: 32px; text-align: left; } ul.penci-topbar-menu, div.penci-topbar-menu > ul{ width: auto; } ul.penci-topbar-menu > li a, div.penci-topbar-menu > ul > li a { line-height: 32px; } .penci-topbar-social{ float: right; } }Best Regards,
PenciDesign
Thank you, it works but on mobile the menu appears de-centered vertically (close to the bottom border and far from the upper border), I increased Height to 40px and decreased line-height to 20px and the menu was centered again, but the line-height change doesn't apply to social icons which remained de-centered. Is there a way to center the social icons too?
Screenshot:
Hi,
Please add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 960px){ .penci-top-bar.topbar-menu{ padding-top: 5px; } }Best Regards,
PenciDesign
Amazing, thank you.