Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1134188
    minyona
    Participant

    Hey there.

    First of all, and I’ve said this a million times, the X theme is ridiculously awesome. Thank you guys for all the hard work. It’s mind blowingly great.

    Now, for the question…

    In the footer of a website I built, the social icons are off center from the circles they overlay in mobile view. Can you check it out and let me know how to fix it?

    Link in next comment.

    #1134189
    minyona
    Participant
    This reply has been marked as private.
    #1134190
    minyona
    Participant
    This reply has been marked as private.
    #1134720
    Christopher
    Moderator

    Hi there,

    Please find this code :

    @media (max-width: 768px){
    [data-x-icon]:before, [class*="x-icon-"]:before {
        font-size: 23px;
        color: #fff;
        margin-right: 20px;
    }
    }

    And update it to :

    @media (max-width: 768px){
    [data-x-icon]:before, [class*="x-icon-"]:before {
        font-size: 23px;
        color: #fff;
    }
    }

    Hope it helps.

    #1135452
    minyona
    Participant

    I can’t find it in the customizer…

    How else might I find it?

    #1135550
    Joao
    Moderator

    Hi There,

    If you can´t find on your Customizer it is most likely on your style.css on your Child Theme.

    If you can´t find, you can try to add the following code to Customizer instead:

    @media (max-width: 768px){
    [data-x-icon]:before, [class*="x-icon-"]:before {
          margin-right: 0px !important;
    }
    }

    Hope it helps

    Joao

    #1138409
    minyona
    Participant

    That worked. Thank you.

    #1138448
    Rahul
    Moderator

    Glad it worked for you.

    If you have anything else, let us know. We’d be happy to assist you with everything.

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1134188 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>