WordPress.org

Forums

[resolved] Navigation Menu (15 posts)

  1. distinctnews
    Member
    Posted 5 years ago #

    Hello,

    If you go to my site http://www.distinctnews.com/ You will see a menu bar on the very top of the page, but if you navigate to any page ex: http://distinctnews.com/2010/02/release-date-2/

    The menu bar is expanded on the right side of the page and not in a bar look anymore.

    Any idea what to do?

    Thanks!

  2. distinctnews
    Member
    Posted 5 years ago #

    The theme I'm using is Mystique http://wordpress.org/extend/themes/mystique

  3. Michael
    Forum Moderator
    Posted 5 years ago #

    one of those validation errors might be the reason.

    start at the top to fix them, and some might just resolve by themselves.

    with validation errors, the display of your site will be very unreliable and might be different in different browsers.

  4. distinctnews
    Member
    Posted 5 years ago #

    wow that's a lot of mistakes I have.

    Ok, I'll back up my files and start editing then I'll post what happens.

    Thanks

  5. distinctnews
    Member
    Posted 5 years ago #

    Ok, I looked through every single one of them, and none seems to be the problem.

    Any idea how to fix it please? :)

    Thanks!

  6. poodlerat
    Member
    Posted 5 years ago #

    There are still 75 validation errors for the page you linked to. One of those is likely the problem (you can't tell until you fix them all.)

  7. distinctnews
    Member
    Posted 5 years ago #

    but like 95% of those errors are closing tags which are necessary.
    Some are made from posts like = or ? or pages or categories.

    So there has to be something else :(

  8. Michael
    Forum Moderator
    Posted 5 years ago #

    <link href="css/dropdown/themes/adobe.com/helper.css" media="screen" rel="stylesheet" type="text/css" />

    is the above code something that you put into the header.php?

    it looks like that the relative filepath is only working on the front page; you need to use an absolute file path.

    (apart from the fact that it is invalidly inserted before the <head> tag)

  9. distinctnews
    Member
    Posted 5 years ago #

    Ok, so I inserted the line

    <link href="css/dropdown/themes/mystique/helper.css" media="screen" rel="stylesheet" type="text/css" />
    under the <head> tag but it still didn't work.

    What did you mean by absolute path? Did you mean like the put above line in the index.php? If not, what should I do?

    Thanks for the help!!

  10. distinctnews
    Member
    Posted 5 years ago #

    ? :D

  11. Michael
    Forum Moderator
    Posted 5 years ago #

    instead of linking the stylesheets in the way you have now:

    <link href="css/dropdown/themes/mystique/helper.css" media="screen" rel="stylesheet" type="text/css" /> <link href="wp-content/themes/mystique/dropdown.css" media="screen" rel="stylesheet" type="text/css" /><link href="wp-content/themes/mystique/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />

    try to link the style sheets in this way:

    <link media="screen" rel="stylesheet" href="http://distinctnews.com/wp-content/themes/mystique/helper.css" type="text/css" />
    
    <link media="screen" rel="stylesheet" href="http://distinctnews.com/wp-content/themes/mystique/dropdown.css" type="text/css" />
    
    <link media="screen" rel="stylesheet" href="http://distinctnews.com/wp-content/themes/mystique/default.advanced.css" type="text/css" />

    there are still alot of validation errors remaining, and particular the head area is still unsorted.

  12. distinctnews
    Member
    Posted 5 years ago #

    awesome, that worked! but couple of problems :(
    1) how do i move that menu bar to the very top and not like how it's a little down?
    2) how do i take off the line that appeared under the logo till the ad?

    Thanks for the help a lot!

  13. distinctnews
    Member
    Posted 5 years ago #

    I did some testing in Adobe Dw and i don't really need the helper.css so i took it off and my problem is solved. also now my site loads faster :D so no need to answer my above post :D

    just one question: any idea how to align it to the right side line of the blog and not left?

    Thanks a lot!

  14. distinctnews
    Member
    Posted 5 years ago #

    someone before said:

    Edit your dropdown.css, go to to line 27, find the class ul.dropdown

    ul.dropdown {
    /*float:left;*/
    z-index:597;
    position:relative;
    width:940px;
    margin:0 auto;
    }
    1. Delete, or comment the property float:left;
    2. Add the two properties bellow: (as shown above)

    width:940px;
    margin:0 auto;

    that was to move it from like the super start of the page to the margin of the blog.

    But the question is, how do I change it to the other margin of the blog? I tried playing around with the values in that code but it didn't work. Did I do something wrong? What should I do?

    Thanks!

  15. distinctnews
    Member
    Posted 5 years ago #

    Actually never mind. I'll post that last question on a previous post.

    Thanks a lot for the help!! The question is resolved! :D

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags