Mobile Menu Social Icons not round and centered

  • Resolved mars1980

    (@mars1980)


    2 years ago

    Hi there,
    I have a problem with the social icons at the mobile menu (desktop is fine).
    They are not centered within the border and the border is not round what looks ugly.

    here is a screenshot
    https://ibb.co/4mRFk7H

    How could I fix this? Some custom CSS?
    Thanks!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Shahin

    (@skalanter)

    Hello @mars1980,

    Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    @media(max-width: 768px) {
    #mobile-dropdown .oceanwp-social-menu li a {
        width: 40px;
        height: 40px;
    }

    #mobile-dropdown ul li a i {
        margin: 0 2px;
    }
}

    For more information about the CSS/JS code on the customizer, please read this link:
    https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also(if you have Elementor), don’t forget to click on the regenerate all assets file and data in Elementor > Tools.

    I hope that helps.
    Best Regards

    Thread Starter mars1980

    (@mars1980)

    Hi Shahin,

    that worked out. Thank you so much!

    Best Regards

    Shahin

    (@skalanter)

    You’re most welcome.
    I’m glad it is resolved.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Menu Social Icons not round and centered’ is closed to new replies.