Home Forums Porto Template Social Icon hover

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10031446
    MoiraAllen
    Participant

    Hi Rodrigo,

    Thank you so much for your terrific on-going support! I am having issues with the hover for my social icons. I wanted the icons to be bigger so I used this code:

    <i class=”fa-2x fab fa-facebook”>

    But the size of the icon when I hover is too small. How can I fix this?

    Thanks very much,
    Moira


    #10031450
    Support2
    Keymaster

    Hello Moira :),

    Here’s the code you need:

    <ul class="header-social-icons social-icons social-icons-big social-icons-icon-big d-none d-sm-block">
    	<li class="social-icons-facebook"><a href="http://www.facebook.com/" target="_blank" title="Facebook">
    		<i class="fab fa-facebook-f fa-2x top-5 right-1 position-relative"></i>
    		</a>
    	</li>
    </ul>

    * Note the social-icons-icon-big.
    * Note the class at icon fab fa-facebook-f fa-2x top-5 right-1 position-relative.

    Please try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10031456
    MoiraAllen
    Participant

    Thank you 🙂


Viewing 3 posts - 1 through 3 (of 3 total)