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  Anita 1 year, 1 month 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

    Anita
    Participant
    Post count: 7429

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

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

You must be logged in to reply to this topic.