WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Thirteen
Twenty Thirteen: Align Page (11 posts)

  1. thedoghouse.jp
    Member
    Posted 3 months ago #

    Although I've read through what I could find on similar topics, I can't seem to find the solution to this issue...

    I'm trying to align my page to the left, and it worked on the header, but not the content (static page that shows up on the front page). I've seen some people using this template with this done, so I'm sure it's possible, but I can't figure out how...

    This is what my page looks like now.

    I'd like to know how to align everything on the page all the way down to the copyright, left, center, and right, so I can compare the different alignments.

    Thank you in advance for your help!

  2. thedoghouse.jp
    Member
    Posted 3 months ago #

    Now that I look at my wp site, I think what I want is to align the logo and menu to the content below. It appears the content below (static page) is in a box (div?) or something and centered. Likewise, I'd like my logo and menu to remain aligned to the left but would like the left edges to be aligned with the content below. I hope that makes sense... Thanks!

  3. thedoghouse.jp
    Member
    Posted 2 months ago #

    Any takers on this? I would really appreciate it! Basically, this is what I'm trying to do. I'd like the logo moved a little to the right, but not centered. Thanks again!

  4. Vinod Dalvi
    WPMU DEV Support Staff
    Posted 2 months ago #

    Hi @thedoghouse.jp,

    Thanks for posting on the forum.

    I'd like the logo moved a little to the right, but not centered. Thanks again!

    You can move your logo to the right by adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin.

    http://wordpress.org/plugins/simple-custom-css

    div#logo_and_title {
       margin-left: 50px;
    }

    You can change the value of right margin in the above code to adjust its position.

    Best Regards,
    Vinod Dalvi

  5. thedoghouse.jp
    Member
    Posted 2 months ago #

    Thank you so much Vinod!

    How about shifting the menu bar?

    Thanks again!

  6. thedoghouse.jp
    Member
    Posted 2 months ago #

    And one more... How do I make the logo responsive so it slides to the left like the content when I make the browser smaller? Thank you!

  7. thedoghouse.jp
    Member
    Posted 2 months ago #

    OK, I got the menu shifted and the menu's fine, but when I pull up the website on my iPhone the logo is off to the right. How do I correct this so that it's aligned with everything else? Thanks!

  8. Vinod Dalvi
    WPMU DEV Support Staff
    Posted 2 months ago #

    Hi @thedoghouse.jp,

    Thank you for your reply.

    when I pull up the website on my iPhone the logo is off to the right. How do I correct this so that it's aligned with everything else?

    Try using the following CSS code.

    @media (max-width: 643px){
    	div#logo_and_title {
    		margin-left: 0;
    	}
    }

    Regards,
    Vinod Dalvi

  9. thedoghouse.jp
    Member
    Posted 2 months ago #

    Thanks Vinod, that did the trick!

  10. Vinod Dalvi
    WPMU DEV Support Staff
    Posted 2 months ago #

    You are most welcome, if I can be of any further assistance please don't hesitate to ask :)

  11. thedoghouse.jp
    Member
    Posted 1 month ago #

    Hi Vinod,

    I hope you're still around to help me! When I click on the menu on my iPhone, it messes up the layout... How can I fix this?

    Thanks for all your help!

Reply

You must log in to post.

About this Theme

About this Topic