Need help? Check out our Support site, then

Navigation Menu

  1. I purchased a theme from WP and it is called 'Fresh News' and yesterday I purchased Custom CSS upgrade and I try to get a bigger font for my Navigation Menu and have it moved to the bottom of the header. How can I do that and what code to use. Can anyone help please?

    The blog I need help with is

  2. Hi Larry,

    This is my first attempt at helping out on the community forums so please bear with me!

    Your navigation menu is at the top of the page in the theme. Moving it in CSS is possible, though it's a bit "hacky". #top { position: absolute; } is the first step. This makes the div that contains your menu a bit more 'independent' - you can move it down from the top of the page without subsequently moving everything underneath it.

    You'd need to push it down from the top of the page by the height of the blue header bar. If your header is 100px high, for example, you could use either of these (you don't need to use both):

    #top { margin-top: 100px; top: 100px; }

    It's up to you whether you use margin-top or just top, it's up to you.

    Moving the top div down will place it over your header or content. To create a blank space for the top bar to be positioned over, try giving the header some margin on the bottom of the same height as the navigation. Assuming it's 25px, it would be:

    #header { margin-bottom: 25px; }

    This margin would push the content down and create an area 25px high that your navigation (#top) can sit over.

    Hope that helps.

  3. Hmm, seems you can't edit posts here. Something else to point out - when you give the #top a position of absolute, you'll notice it stops being full width. If you give it a width of 100%, that'll get it looking back to the way it does now.

    #top { width: 100%; }

    Taking another look at your site, I notice you also have an orange RSS blob overlapping the bottom of the header. You're going to lose that overlapping effect at first when you move the navigation down.

    There are things you could do to move it around, though that'd be up to you what you wanted to do.

  4. I think I might just change the font to a bigger one and add 'Gallery' to it. So there is no moving, avoiding any problem. I am an green hand in computing, so you will have to show every step of the way.

  5. Will someone give some help to a blind man please? I am really at a loss trying to sort out my scheme.

Topic Closed

This topic has been closed to new replies.

About this Topic