Top bar social menu – alignment on mobile?

  • Resolved Kris9

    (@krzysztofb89)


    4 years, 11 months ago

    Hello OceanWP support,

    – On my page Desktop mode the social icons (top bar) alignment is right. How do I move them all horizontally more towards the center? Say 30 px.

    -On my page Mobile mode the social icons are centered, which looks awful. Could I somehow set the mobile social top bar icons to the right alignment only on mobile?

    Bonus:
    – Is there a way to replace the social icons with my custom ones?
    – Is there an option to change the color of social icons on mobile but not on desktop?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello @krzysztofb89,

    For # 1:

    #top-bar-social: {
padding-right: 50px;
}

    For # 2:

    @media only screen and (max-width: 768px) {
#top-bar-social ul {
text-align: right;
padding-right: 10px;
}
}

    For # 4:

    @media only screen and (max-width: 768px) {
#top-bar-social li a {
color: #000;
}
}

    Adjust all values per your need.

    For # 3, it’s possible but you will need to write the code for each icon, define the new font family and content.

    Hope this helps. Best of luck with your website

    Thread Starter Kris9

    (@krzysztofb89)

    Thanks Marko! Worked like charm.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Top bar social menu – alignment on mobile?’ is closed to new replies.