This ticket contains 3 replies, has 2 voices, and was last updated by  pxp920 5 days.

Spacing between header social icons and Menu

This topic isNot resolved
  • As the image suggests, I have been trying to increase the spacing between the social media icons and the last menu item via CSS unsuccessfully.

     

    I’ve tried simply

    social-icon{
    padding-left: 20px;
    }

    and

    social-icon{
    margin-left: 20px;
    }

     

    to no avail.  Any suggestions?

     


      Quote
    Attachments:
    You must be logged in to view attached files.
    Support Staff E.H

    Hi, Dear pxp920

    First of all, I would like to thank you for using Phlox.

    To add space between social media icons, you need to use the following custom CSS code. Please navigate to ” Appearance -> Customize -> Additional CSS ”.

    Please note that you can change the space by chaning the number “20” in the custom CSS code.

    I hope it helps, please let me know the result.

    Best regards,
    Averta


      Quote

    Hello!

    Thank you for the very swift response! That works great but doesn’t solve my issue. I think I perhaps did a poor job explaining originally.

    “Where to Buy” is the last item on my menu and then it is followed by the social icons, what I’d like is to increase just the space between the last menu item (where to buy) and the social icons (essentially the facebook symbol).

    Attaching another image that hopefully clarifies!


      Quote
    Attachments:
    You must be logged in to view attached files.

    Hello,

    Just wanted to follow up on this


      Quote
Login to Create New Ticket

You must be logged in to reply to this ticket.

Phlox Free Wordpress Theme