Twenty Eleven hgroup – move site description to right-hand side

  • I have a child theme and I’m using Firebug to discover how I might place my company logo and site-description on the right-hand side of the page, not the left.

    I can move it all over by changing the hgroup margin from 7.6% to say 70% but when I do that, I get line wrap from the site-description.

    I’m trying to find an elegant way.

    https://barclayanderson.com/cms

    Any ideas?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator t-p

    (@t-p)

    or

    modify the Site-description rule in the css.style to this:

    #site-description {
    color: #7A7A7A;
    font-size: 14px;
    margin-bottom: 3.65625em;
    margin-left: 0;
    margin-right: 0px;
    margin-top: 0;
    float: right;
}
    Thread Starter callummccormick

    (@callummccormick)

    Hello t-p. I will try that today. Apologies for delay in replying.

    Thank you.

    Callum.

    Thread Starter callummccormick

    (@callummccormick)

    Hello t-p. Apologies for delay in replying.

    We’ve moved the description only over to the right: https://barclayanderson.com/cms/

    Did you have a complete solution in mind or would you prefer me to have a play with your code?

    Kind regards, Callum.

    which description u have to move right

    Moderator t-p

    (@t-p)

    If you want to move the logo and the description (“BarclayAnderson”) to the right, then find in your theme’s style.css this:

    #branding img.logo-image {
    margin-top: 20px;
    width: 250px;
}

    and replace with this:

    #branding img.logo-image {
    margin-top: 20px;
    width: 250px;
    float: right;
}
    Thread Starter callummccormick

    (@callummccormick)

    Hello t-p.

    Thanks for the guidance. Your knowledge is appreciated here.

    I have some very minor alignment issues. How do you think I should best solve them?

    https://barclayanderson.com/cms/

    Regards,

    Callum.

    Moderator t-p

    (@t-p)

    I have some very minor alignment issues.

    not sure what alignment you are refering to.

    Do you want to move the

    Contract & Permanent IT Recruitment

    to left so that it is aligned with (“BarclayAnderson”?

    if so,

    find this css rule in your theme’s style.css:

    #site-description {
}

    replace it with this:

    #site-description {
    margin-right: 15px;
}
    Thread Starter callummccormick

    (@callummccormick)

    t-p. Thanks you again for your attention. I have it cracked with about 12 pixels.

    Good luck – maybe see you again some day.

    Bye bye.

    Callum.

    Moderator t-p

    (@t-p)

    Glad to be of help. ??

    Thread Starter callummccormick

    (@callummccormick)

    Closed. Thanks.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Twenty Eleven hgroup – move site description to right-hand side’ is closed to new replies.