Social icons and smaller screen problems- News theme

Community Forums Forums Design Tips and Tricks Social icons and smaller screen problems- News theme

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  spoll 1 year ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #70868

    spoll
    Participant
    Post count: 42

    I’ve added Social icons to my site and they work well on a computer screen but disappear on anything smaller and I just can’t figure out how to solve this. Also, I’m using Genesis Responsive Header and when viewing on smaller devices the header and nav bar get sliced off on the right and again I’m stuck.

    As always, really appreciate the help-
    Scott

    http://spolltest.com
    #70879

    emasai
    Participant
    Post count: 790

    In your media queries, you need to make overflow: visible; and add padding to the top of #header .widget-area so that it goes below the title area.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #70884

    spoll
    Participant
    Post count: 42

    Hi-

    On lines 188 and changed overflow to visible and that seems to have helped thanks. On line 2488 I added up to 100px padding and the icons are still not visible and now is there a way to center the nav bar and it’s contents?

    Thank you

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

You must be logged in to reply to this topic.