Move the menu up and Width problem

  • Resolved Chrieon

    (@chrieon)


    10 years, 8 months ago

    Almost done here. But need help. I want to move up the menu. It seems my own costumized header-image separated it from the menu, not as in the original, and added extra white space between them and now I wanna move it up “attached” to the headerimage again.

    I tried edit this without any success.

    #access {
    background: #3e0707;
    display: block;
    float: left;
    margin: 1;
    width: 979px;
    font-weight: bold;

    Secondly why is my blog so wide? I need to shrink the width. If you scroll to the right. I haven’t found the full blog width code which makes it look like this.

    Theme: Twenty Ten 1.5

    http://blog.christofferboman.se/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    10 years, 8 months ago

    Hello.

    This will take care of your spacing problem

    #site-title {
margin: 0;
}

    Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    10 years, 8 months ago

    Oh and make sure you put that either in a child theme style sheet or use a plugin like Jetpack or Custom CSS that allows you to add your own styles without directly altering Twentyten’s style sheet.

    Thread Starter Chrieon

    (@chrieon)

    10 years, 8 months ago

    Thanks that solved it smoothly.
    Yeah I heard about Jetpack. But thanks for reminding me.

    I still mark it as NOT RESOLVED because the bottom width is still a little issue for me but I figure it out. It looks good however in my iphone but not on a regular screen. Weird.

    Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    10 years, 8 months ago

    This is your offender:

    #access .menu-header, div.menu {
    font-size: 14px;
    margin-left: 410px; <-----
    width: 928px;
}

    When I remove margin-left: 410px; you don’t get the horizontal scroll.

    I imagine, though that you want your menu to be centered. I’ll play around with it a bit…

    Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    10 years, 8 months ago

    This works:

    #access .menu-header ul, div.menu ul {
    margin: 0 auto;
    width: 20%;
}

    However, as you add more menu items you will need to increase the width.

    Someone out there may have a better solution…

    WPyogi

    (@wpyogi)

    10 years, 8 months ago

    You definitely should NOT be modifying any theme files – all of your changes will be lost when you update WP – which you should do ASAP since 3.6 was just released.

    Thread Starter Chrieon

    (@chrieon)

    10 years, 8 months ago

    Thanks alot! Centering the menu is not as important. I may alter things later as I understand them better now.

    I already have the 3.6 version, but thanks for reminding.

    Thread Starter Chrieon

    (@chrieon)

    10 years, 8 months ago

    Yeah it worked. Thank you! Tracy

    Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    10 years, 8 months ago

    No problem!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Move the menu up and Width problem’ is closed to new replies.

Tags