header on small format/mobile devices

  • Resolved WhittierAudubon

    (@whittieraudubon)


    11 years, 6 months ago

    I’m enjoying using the Circumference Lite theme, it’s really nice looking and as a beginner I’ve been able to figure out how to do pretty much everything I wanted. So far, there is one thing that I can’t figure out: I want to have a smaller header for the phone and tablet users so that they can see my content without having to scroll down. I’ve tried reducing the padding, but then I don’t like the look as much for the desktop computer screen, and it doesn’t help that much for the small screens anyway. Is there a way to format the header independently for the smaller screens?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Styled Themes

    (@gejay)

    11 years, 6 months ago

    When you say header…are you referring to the default one that shows up on every page even though you have no banner or slider in it? Do you have a link to your site?

    Thread Starter WhittierAudubon

    (@whittieraudubon)

    11 years, 6 months ago

    Yes, the default. I have left the banner in, because when I took it out I didn’t see a significant difference on the phone in terms of the content being more visible without scrolling. http://beta.whittieraudubon.org/

    Thread Starter WhittierAudubon

    (@whittieraudubon)

    11 years, 6 months ago

    Maybe my title is too long. I just shortened it and took out the tag line, and that did help somewhat. I’ll try to do a graphic instead of using text. Do you have any other suggestions, for reducing the space at the top, and also the space between the banner and the page title?

    Styled Themes

    (@gejay)

    11 years, 6 months ago

    You can reduce the space between banner and page title using the following CSS in style.css file 

    #cir-content-wrapper {
    padding: 4em 0;
}

    For reducing the space at the top, you can reduce the padding of the
    #cir-content-wrapper and you may want to remove the social bar ( red one ) if you’re not using it.

    Styled Themes

    (@gejay)

    10 years, 8 months ago

    Hi WhittierAudubon,

    We didn’t get your reply since nine months. We hope you got the solutions of your issue.

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘header on small format/mobile devices’ is closed to new replies.