Sample Theme – Header Right Area Too Small

Community Forums Forums Design Tips and Tricks Sample Theme – Header Right Area Too Small

This topic is: resolved

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

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

    dave_s
    Participant
    Post count: 26

    I’m using the latest sample theme and trying to get my custom menu into the header right area but there’s not enough space. I’ve used firebug and notice that the ‘title area’ is set to 62% and the ‘header right area’ is set to 30%. If I reverse those figures it messes up the content and sidebar areas.

    Any ideas?

    Cheers

    Dave

    #11715

    itsonlybarney
    Participant
    Post count: 15

    You will need to isolate the header CSS styling from the content and sidebar styling.

    Change this:

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .sidebar,
    #header .widget-area {
    width: 30.555555555%; /* 352px / 1152px */
    }

    to:

    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .sidebar {
    width: 30.555555555%; /* 352px / 1152px */
    }

    #header .widget-area {
    width: 65.277777777%; /* 752px / 1152px */
    }

    and change this:

    .content-sidebar #content,
    .sidebar-content #content,
    #title-area {
    width: 65.277777777%; /* 752px / 1152px */
    }

    to:

    .content-sidebar #content,
    .sidebar-content #content {
    width: 65.277777777%; /* 752px / 1152px */
    }

    #title-area {
    width: 30.555555555%; /* 352px / 1152px */
    }

    Or the respective widths that you are wanting them set at.

    #11779

    dave_s
    Participant
    Post count: 26

    Never would have figured that out on my own. Did exactly what it said on the tin, many thanks :)

    Dave

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

The topic ‘Sample Theme – Header Right Area Too Small’ is closed to new replies.