Navigation Bar

  • Author
    Posts
  • #961553

    larry888
    Member

    I am using ‘Fresh News’ and I got Customs CSS upgrade. What do I do if I want to move my Navigation Bar to the bottom of the header and with a larger font?

    The blog I need help with is thetwschool.com.

    #961720

    Are you talking about the stuff in the black band at the very top? If so, where do you want it in relation to the blue navigation bar with the RSS icon? It might get sort of confusing if they are both together.

    One suggestion would be to create two custom menus. One of them blank that you assign to the very top location (which will cause it to disappear) and then a second with all the stuff you want in your navigation and put that into the blue navigation location.

    #961721

    larry888
    Member

    I think your second suggestion is very good. Please tell me how I can do that.

    #961722

    See this support page on custom menus and create two menus. The first will be blank (don’t add any pages or such to it) and then you will select that menu for the top menu location in the theme location module at upper left on the custom menu page. I’m not sure what that is called in Fresh News since I don’t have any access to premium themes.

    Create another menu with all your pages and such in it and assign that to the location where the blue bar is (again, don’t know what it is called).

    #961723

    larry888
    Member

    I can change the 2 pages ‘About’ and ‘Gallery’ to post and the blue bar will disappear. Then we deal with the Navigation Bar at the top? Is this OK?

    #961724

    About and Gallery really shouldn’t be posts.

    Why not do as I suggested and then we can hide any left-over remnants of the black bar at the top? We can even make the blue bar black if you wish.

    #961725

    larry888
    Member

    I thought you said earlier it was impossible. Now let us do what you suggested. Sorry for misunderstanding.

    #961726

    Not a problem and sorry for the misunderstanding. Give it a go and then as I said, we can deal with any leftover bits with CSS.

    #961728

    larry888
    Member

    I am ready now and are you? What CSS code I have to go for it?

    #961733

    I see everything in the black menu at the top. Weren’t you going to put it into the blue menu and then we hide the black one?

    #961734

    Never mind. This hides the blue and then move the black down to where the blue one was.

    #background {
    position: relative;
    }
    
    #topmenu {
    display: none;
    }
    
    #header {
    margin-bottom: 50px;
    }
    
    #top {
    position: absolute;
    top: 131px;
    width: 100%;
    }
    #961739

    larry888
    Member

    I copy and paste to the CSS stylesheet Editor but nothing happened. What did I done wrong?

    #961740

    I see no custom CSS on your site in the custom CSS file. Did you click “save stylesheet”?

    #961743

    larry888
    Member

    Yes I did save stylesheet, but the code disappeared after I save it. I paste it under 6.

    #961746

    Try adding it again. There is nothing wrong with the code.

    #961747

    Delete all the informational text in the CSS edit window to where it is blank before you add your CSS.

    #961748

    larry888
    Member

    It worked! But the font of the Navigation Bar need to be enlarged. What can we add?

    #961753

    Add the following and then adjust the % font size value as desired.

    .nav1 a {
    font-size: 110%;
    }
    #961759

    larry888
    Member

    Hi thesacredpath,

    Thanks a million for helping. This have been bothering me for 4 weeks and I cannot find help anywhere (even in this forum). You are my angel. Thanks again.

    #961771

    You are welcome.

The topic ‘Navigation Bar’ is closed to new replies.