Header responiveness balanced theme

Community Forums Forums Design Tips and Tricks Header responiveness balanced theme

This topic is: resolved

This topic contains 1 reply, has 2 voices, and was last updated by  AC 1 year, 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #49539

    tafita
    Participant
    Post count: 33

    Here is the code relating to the header image:
    /* Header
    ———————————————————— */

    #header {
    margin: 0 auto;
    min-height: 135px;
    overflow: hidden;
    width: 960px;
    }

    #title-area {
    float: left;
    overflow: hidden;
    padding: 40px 0 0;
    width: 350px;
    }

    #title {
    font-family: ‘Lora’, Georgia, “Times New Roman”, Times;
    font-size: 32px;
    line-height: 1.25;
    margin: 0;
    }

    #title a,
    #title a:hover {
    color: #222;
    text-decoration: none;
    }

    #description {
    color: #bbb;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    }

    #header .widget-area {
    float: right;
    margin: 40px 0 0;
    width: 600px;
    }

    /* Image Header – Partial Width
    ———————————————————— */

    .header-image #title-area,
    .header-image #title,
    .header-image #title a {
    display: block;
    float: left;
    height: 135px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 350px;
    }

    .header-image #description {
    display: block;
    overflow: hidden;
    }

    /* Image Header – Full Width
    ———————————————————— */

    .header-full-width #title-area,
    .header-full-width #title,
    .header-full-width #title a {
    width: 960px;
    }

    My question is how can this be modified to make the header responsive on mobile devices without using nick the geek’s plugin. The reason: the plugin does not upload.

    Thanks in advance

    David

    #49731

    AC
    Blocked
    Post count: 7712

    Hi David, you need to add the image sizes to the Media Queries of your theme. You still need to create differently sized logo images and then place them under the respective media querie sizes. If you still need help, send me another email.

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

You must be logged in to reply to this topic.