Support » Fixing WordPress » Navigation menu tab problems.

  • Resolved Jane Milburn

    (@jane-milburn)


    Site: plinthart.com
    I have tried many fixes I found online but nothing has worked. I use the Twenty Thirteen theme. When a tab in the navigation menu is hovered over, the hand cursor needs to above the page name before it is clickable. Also the tabs flash black quickly and is intermittent. I would appreciate any help in how I can fix this.

Viewing 15 replies - 1 through 15 (of 16 total)
  • Ok, the body element has a top margin of -40, which means that the body element is actually covering your navigation bar. You can only hover over/click on the very top of each button, instead of the whole thing. The theme is doing a couple of weird things layout-wise. Let me see if I can’t boil down a solution for you.

    Thread Starter Jane Milburn

    (@jane-milburn)

    You are so kind. I do have a child theme and have been tweaking the css tonight. I am fairly new to css and may have messed up somewhere.

    Thread Starter Jane Milburn

    (@jane-milburn)

    Ah, prior to your reply I removed the hover functio by deleting from css:-
    .nav-menu li:hover > a,
    .nav-menu li a:hover,
    .nav-menu li:focus > a,
    .nav-menu li a:focus {
    background-color: #220e10;
    color: #fff;
    }

    Thread Starter Jane Milburn

    (@jane-milburn)

    So it looks ok now but after doing that I now have thick vertical lines on the gallery and artist’s pages?

    Ok, here’s what I found.

    copy the following code into the style.css file in your child theme. Paste the following in there, and unless the site requires media queries, then it should work:

    .hentry {margin-bottom:0px;}
    .entry-header {margin-bottom:0px;}
    p {margin:0 0 0px;}
    .navbar {background-color:#000;margin-bottom:30px;}

    BTW man, your site has some weird Javascript that was preventing me from right-clicking on your site and using the developer tools to diagnose your problem. I just switched Javascript off, and bypassed it. I assume that you want to prevent people from taking the digital images off of the site by dragging/right-clicking them? Well, I can still copy them using the Print Screen button on the keyboard, so you might want to rethink that approach by using lo-res images and having the high res ones behind a pay gate. Or by using Flash, or some advanced scripting. Either way, JavaScript can be turned off, and the images downloaded freely (I didn’t, by the way).

    As for the thick lines on your gallery and content pages. Those are the footer. Once you add some content to the website, those will shoot to the bottom of the page. If you don’t want a footer, then the best thing for you to do is remove it from the template file you’re using. If that’s too daunting, then just tell the footer to be 0 px high, and hide the overflow.

    Thread Starter Jane Milburn

    (@jane-milburn)

    Thank you so much, I will get working on it and let you know the result at some stage soonish. You are correct about not wanting the images copied, however I understand and agree with what you are saying. I am doing this for my brother and have just done what he asked. I personally do not think it is a bad idea share art. Thanks again.

    No problem, I hope it works out!

    Thread Starter Jane Milburn

    (@jane-milburn)

    I entered the code to my child theme css and it worked, excellent, thank you. However, my Jetpack Carousel Square Tiles are now vertical?

    umm… let me check that out.

    I’m not really sure what that means. Everything on the layout looks pretty much the same as it did before to me. Can you send me a URL to the problem you’re having?

    Thread Starter Jane Milburn

    (@jane-milburn)

    The black line have gone thanks to your advice. All you said has worked I am very grateful. For the time being i’ve used the thumbnail grid on the home page but it is too small, i’d rather use square tiles. I have tried changing the gallery and changes occur but not on the square tiles. As mentioned it is one vertical column now. You can now see the problem on the home page as I have just reset square tiles.

    Thread Starter Jane Milburn

    (@jane-milburn)

    I’m going to delete the gallary and creat a new one to see if that works.

    Ok, try this pasting the following into your child theme, and see if it doesn’t solve your problem:

    .tiled-gallery-item {display:inline;max-width:201px;}

    Thread Starter Jane Milburn

    (@jane-milburn)

    It worked. I cannot thank you enough. Thank you, thank you, thank you. You have saved me more hours of stress. It is much appreciated.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Navigation menu tab problems.’ is closed to new replies.