RUNWAY RESPONSIVE HEADER

Community Forums Forums General Discussion RUNWAY RESPONSIVE HEADER

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Davinder Singh Kainth 7 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #78298

    jamesalex
    Participant
    Post count: 14

    I am using the runway theme for a project and am quite frustrated that the header does not separate the header image and widget ares onto separate lines when the site becomes responsive, it merely overlays the two of them.

    Can someone please offer me a solution to this?

    Kind regards

    Jamie

    http://thebowdonrooms.co.uk/
    #78316

    Davinder Singh Kainth
    Participant
    Post count: 1197

    Goto this section in style.css file

    /* iPhones (portrait and landscape) ———– */
    @media only screen and (max-width: 480px)

    Add one line code (seen at bottom) after the following code in above section
    header-image .site-title a {
    min-height:100px;
    background-size: contain !important;
    }

    Add
    #header .widget-area { margin-top:30px;}


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #78323

    jamesalex
    Participant
    Post count: 14

    Thank you so much ;)

    #78486

    Davinder Singh Kainth
    Participant
    Post count: 1197

    Welcome, if issue is fixed, please mark the topic resolved.


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

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

You must be logged in to reply to this topic.