• skj

    (@silja-jonsson)


    Hello,

    I should start with saying that I’m totally new on editing CSS codes etc. And now I’m in the need of your help…

    I have a website: http://jonssonsstockdogs.com/ and am using the “melville” theme. I love it! But I would like to move the navigation bar (menu) up just below the “header”… Anyone know how I should do this? Where I can find the codes I should edit and to what?

    This would mean the world to me, I want to give thanks in advance! Take care, Silja

Viewing 9 replies - 1 through 9 (of 9 total)
  • I can’t see the menu. Can you be more specific. What are the menu items and where are they on the page.

    Thread Starter skj

    (@silja-jonsson)

    Thank you for gettin’ back with me so soon. And I apologize that I assumed you would know where the menu is!

    The menu is located down on the bottom side of the website (just above the copyright text). It’s a little darker background (light gray) and the single word “hem” (=home) is there. Haven’t had time to make more pages yet… And the hover is purple… Hopefully you can see it and figure this out! 🙂

    Silja

    Ok. Move the `<ul>
    <li>your home link(hem)</li>
    </ul>`
    from the footer.php to header.php. after the <h1 id=”site-title”> closing div tag. Think it should work.

    Thread Starter skj

    (@silja-jonsson)

    Thank you, we’re on the way. But would you please look at the current website and let me know what you think… The menu went to the “right” place but is still not perfect, I would like it to look exactly like it did on the bottom… Maybe you could help? 😉 Silja

    Since u have given a padding 80px to `#wrapper div#wrapper {
    padding: 20px 80px 0 80px;’ that will affect the menu. That is why it is shifting to right.

    #menu {
    	width:645px;
    	margin: 0 auto;
    margin-bottom: 30px;
    	border-right: 1px solid #cccccc;
    	border-left: 1px solid #cccccc;
    	-moz-box-shadow: 1px 4 20px #dddddd;
    	-webkit-box-shadow: 1px 4 20px #dddddd;
    	box-shadow: 1px 4 20px #dddddd;}

    add to above

    position:relative;
    left:-80px;to above before }

    Everything will be as you want.

    Thread Starter skj

    (@silja-jonsson)

    Thank you! You’ve been to a GREAT deal of help! So THANKS! 🙂

    I wonder if you might help me with one last thing, there’s so much space at the bottom of the “content page” (don’t know if you call it that) and I would like to reduce it. I would also like to take away the annoying grey line below all my posts, do you know how I can do this WITHOUT taking away the gray line BETWEEN the posts?

    Here’s a screenshot to help me explain: http://jonssonsstockdogs.com/help.jpg

    What do you think, is it possible? Thanks, Silja

    Try these codes `
    #content div.post {
    margin: 0 0 30px 0;
    }
    #content div.post:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    }

    Reduce the margin 30px to reduce white space between posts. For adjust content div.post:last-child margin bottom px to the width of white space you want.
    
    In case you don't want the border below all posts remove
    background: url(images/post-sep.png) no-repeat center bottom;
    from
    '#content div.post p.date, #content div.post p.post-meta {
    
    	margin: 30px 0 0 0;
    	padding-bottom: 40px;
    	background: url(images/post-sep.png) no-repeat center bottom;
    }

    background: url(images/post-sep.png) no-repeat center bottom;
    The problem with last-child is it doesn’t work with IE (the pathetic)..
    🙂

    Thread Starter skj

    (@silja-jonsson)

    So you mean that it doesn’t work to take away ONLY one gray border (the last one, close to the footer)?

    Anyway, Thank You (!), you’ve really been great with all the help you’ve given me today! I’m in the learning process and I sure have learned a few things today… 🙂

    Silja

    You are welcome. BTW, I love dogs. I had a bitch named Julie a pure white pomeranian. 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Menu’ is closed to new replies.