Home Forums WoodMart support forum Problem with socials icons on Chrome broser

Problem with socials icons on Chrome broser

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #159881

    good-design
    Participant

    Hi, I have a problem with icons situated on a Blog site in Chrome Browser.
    Best Regards
    Lukasz

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

    Hello,

    Kindly share your site URL so I can check the icons on Blog page on your site and help you out.

    Best Regards.

    #160499

    good-design
    Participant

    Hello, I added link into private content.

    #160559

    Hello,

    I have test your site in chrome browser and the social media icons on your blog page did not overlaps the tags.

    Screenshot for clarification: https://jmp.sh/YC0GjN8

    Kindly clear your site and browser cache and then check.

    Best Regards.

    #160567

    good-design
    Participant

    Hi,
    I cleared cashe but the problem still egsist.
    Please see that link: http://artso.com.pl/zadbanabryka/czy-zabezpieczenie-przeciwkorozyjne-samochodu-to-dobry-pomysl/
    Use Chroma, and make the windows smaller.
    Screen attached.

    Best Regards
    Luke

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

    Hello,

    Try the below CSS code in global custom CSS area under theme settings >> Custom CSS:

    .single-post-social .woodmart-social-icons {
       padding-left: 20px;
       margin-bottom: 35px;
    }

    Result: https://jmp.sh/HDGrk3i

    Best Regards.

    #160595

    good-design
    Participant

    Thank you, but it still isn’t work good.
    Still the icons overlaps the tags.
    Escpecialy when you make the screen smaller.
    Whole problem is only on Gooogle Chrome.
    Could you write css that gives whole div with social icons bellow, in a new line,
    like in the smarphone version?

    Regards Luke

    #160689

    Most Welcome,

    No, We can not put that social icons div in a new line like mobile in larger screens. It requires customization and this is beyond our limitations and support policy.

    You can try the below CSS code for better spacing of social icons:

    .woodmart-single-footer .single-meta-tags {
        max-width: 50%;
    }

    I have tried this CSS and check your site on almost all the screen layout and it works just fine.

    Best Regards.

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