Balance: Webpage Title Off-Center in Responsive Design [Fix]

Community Forums Forums Design Tips and Tricks Balance: Webpage Title Off-Center in Responsive Design [Fix]

This topic is: not resolved

This topic contains 4 replies, has 5 voices, and was last updated by  jmack 11 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #33632

    Jessie
    Participant

    Hello everyone!

    I downloaded Balance recently and noticed something peculiar with the website title. Once the browser width is reduced (via manually re-sizing it or when viewing in a tablet or smaller device) the website header does not center. Instead it moves to the right side and will eventually go ‘off screen’.

    I looked back at the demo and noticed it did NOT have the problem. After digging in the style.css code I noticed that under the responsive design section critical elements were not included.

    Currently this is what is there after the Responsive Design title:

    @media only screen and (max-width: 960px) {

    body,
    .balance-landing #inner .wrap,
    .balance-landing.full-width-content #content,
    .content-sidebar-sidebar #content,
    .content-sidebar #content,
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .full-width-content #content,
    .home-featured-left,
    .home-featured-right,
    .sidebar,
    .sidebar-content #content,
    .sidebar-content-sidebar #content,
    .sidebar-sidebar-content #content,
    .wrap,
    #breadcrumb,
    #content-sidebar-wrap,
    #footer,
    #footer .creds,
    #footer .gototop,
    #header,
    #header .widget-area,
    #inner,
    #sidebar-alt,
    #title-area {
    width: 100% !important;
    }

    However, it is missing this code that is in the demo’s style.css after the .full-width-content #content:

    .header-full-width #title,
    .header-full-width #title a,
    .header-full-width #title-area,

    That should get the header working properly for all the responsive design. I hope that helps anyone else having this problem and maybe it can be fixed in the downloaded version.

    I love this theme, by the way!

     

    #33680

    Susan
    Moderator
    Post count: 8731

    Thanks for sharing!


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #33762

    stickershock
    Participant
    Post count: 3

    Good one, Jessie,

    I was wondering about that.

    #34234

    sokratesagogo
    Participant
    Post count: 34

    Thanks Jessie :)


    “I toast, therefore I am”

    #64224

    jmack
    Participant
    Post count: 1

    Thanks Jessie!

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

You must be logged in to reply to this topic.