move menu and right column of blog

  • Hello,

    Thank you for the nice and easy theme. I have found almost all sollutions I needed with the forum and google. But two questions I cannot get solved. I tried everything in css what i could find but nothing did the trick.

    I have made a sort of picture to show what I want to happen and what my two questions are.

    2 questions about menu and content

    Question1

    I want the main menu / head nav bar to move to the top of the page. The top side of the menu should be aligned with the top side of the loge picture. Now the menu is like showing half way the picture and I really like it to be on the top of the page. How can I do that? I have a childtheme and tried several css tricks showed on the forum but they did not do what I wanted.

    question 2

    When the head menu is moved up a littlebit more to the top i also want to move another part of the blog. I want to move the whole right collumn part more up to fit without to much white space under the menu. So the part where the content is, the title, the featured image.

    Now at this moment the top of the title is aligned with the top of the sidebar. I want to have the title plus content move a little bit more up so the bottom side of the title is higher as the bottom side of the logo picture. The top of the content should allign with the bottom of the logo picture and the title should be above that.

    How can I do this?

    I really hope someone will have an answer to my two questions. Its a layout thing what we want a littlebit different to suit our needs.

    For all taken input and thinkings thanks in advantage.

    warm regards.

    Jap

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

  • try to work with:

    .site-header { padding-bottom: 2em; }
.site-branding { float: left; }
.site-header-menu { max-width: calc( 100% - 280px ); margin-top: -8em; }

    it does not fully address your alignment idea for the content and sidebar.

    what are you using to have the sidebar on the left?

    as this is a formatting issue, it might be useful if you can post a link to your site.

    Thread Starter rheajap

    (@rheajap)

    Hello,

    Thank you for your answer! I did put in the css code you told me and it worked for the menu. The only problem was that on a horizontal Ipad the menu was broken. I changed { max-width: calc( 100% - 280px ); into { max-width: calc( 100% - 240px );

    Is that okay or will that give problems?

    Then I wanted to center the menu because it was totally to the right of the screen and I wanted it in the middle. I have added margin: 0 auto; to the last line of your css code. It looks like this: .site-header-menu { margin: 0 auto; max-width: calc( 100% - 240px ); margin-top: -8em;}

    Is that the right sollution? I ask this because the menu is still on top but placed a littlebit lower and I think its because wrong css at my site!

    In your reply you have asked this:

    it does not fully address your alignment idea for the content and sidebar.

    what are you using to have the sidebar on the left?

    as this is a formatting issue, it might be useful if you can post a link to your site.

    For my sidebar change I used:
    `@media screen and (min-width: 56.875em) {
    .sidebar {
    float: left;
    margin-right: 75%;
    margin-left: 0;
    }

    .content-area {
    float: right;
    margin-right: 0;
    margin-left: -100%;

    }
    }`

    I did find the code on the forum I think. It did the trick to show my sidebar at the left side as I wanted it to show.

    Can you give me an advice how to do it better? Especially because I want to move the content part below the menu at the right side of the side. I prefer it like 2 a 3 cm higher just below the menu and not aligned anymore with the top of the sidebar at the left.

    At this moment the site is not visible to not logged in users because first we want to make it ready before showing it at our deathline in November.

    So I made a testlogin for you. I think you do not need admin rights.

    Please go to Click to open site

    username: Testuser
    Password: Testuser

    When you are on the homepage of the site you can see clearly the distance between menu and the start of the content and title.

    I really would like it to be higher just onder the menu .. one or 2 cm lower. I hope when you see the site and the source you can give me an advice. Perhaps i have to change the way I changed position of the sidebar but I don’t know it. Can you give me an advice?

    For now thank you in advantage. The menu on top looks much better i am very happy with it.

    Sorry for any bad english!

    warm regards

    Jap

    • This reply was modified 8 years, 1 month ago by rheajap. Reason: copied the wrong quote
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘move menu and right column of blog’ is closed to new replies.