- This topic has 5 replies, 2 voices, and was last updated 4 years, 11 months ago by
.
-
Posts
-
Hi there,
We wanted to have our logo on the left and social media icons to the right and have it be above the navigation.
This is the result:
We accomplished this by having the header left aligned and then added padding.
But on mobile, the social media icons disappear. I “think” I need to use hooks to get them to appear on mobile but haven’t used them before.
Is this the best way to accomplish what I’d like to do?
THank you!
Donna
Customer Support
Hi there,
So are you happy with the current layout on desktop?
As for mobile, can you try reducing the header padding with mobile toggle first?
https://docs.generatepress.com/article/header-padding/Let me know 🙂
Hi Leo,
Yes! Thank you! That worked!
Is there a way for me to center the social media icon widget?
Donna
Try this CSS:
@media (max-width: 768px) { .header-widget .lsi-social-icons { text-align: center; } }Adding CSS: https://docs.generatepress.com/article/adding-css/
Thank you!
Donna
No problem 🙂
- You must be logged in to reply to this topic.