[Resolved] Main navigation menu formatting

Home Forums Support [Resolved] Main navigation menu formatting

Home Forums Support Main navigation menu formatting

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #323441
    David
    Staff
    Customer Support

    Hi

    i followed one of the earlier posts regarding the formatting of the main menu.
    I have used the prescribed CSS to remove the downward arrow for menus with children:

    /* format menu main nav bar*/
    .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
    .main-navigation .main-nav ul li.menu-item-has-children > a {
        padding-right: 20px;
    }

    Well the arrow disappears but the padding to make up for its absence doesn’t work?

    Any ideas.

    #323485
    Leo
    Staff
    Customer Support

    Hi David,

    Can you provide a link to your site so we can take a look? Thanks!

    #323494
    David
    Staff
    Customer Support

    Hi Leo

    ill send link across email

    thanks

    David

    #323586
    Leo
    Staff
    Customer Support

    I see the code working but it’s only 10px.

    Change it to 30px then it should be even on both sides.

    Let me know.

    #323602
    David
    Staff
    Customer Support

    Hi Leo,

    sorry it doesn’t work – even if i put 500px in the padding it still doesn’t change πŸ˜‰

    David

    #323609
    Leo
    Staff
    Customer Support

    Are you using any caching plugin? Try clearing your browser cache?

    I can see the 10px padding on the right working.

    #323619
    David
    Staff
    Customer Support

    Hi Leo,

    no caching plugin just opcache on the server. cleared local cache didn’t change. however tried it on windoze and its all good. i think my mac needs some caffeine – ill give it a reboot and see what the result is. Sorry to waste your time.

    Of course while your there, is there an easy way of putting underlines below the menu items on hover and when active?

    regards

    David

    #323621
    Leo
    Staff
    Customer Support

    No worries πŸ™‚

    I find this is cool for menu underline: https://generatepress.com/forums/topic/animating-link-underlines-for-main-menu/#post-200801

    Let me know if that works for you.

    #323641
    David
    Staff
    Customer Support

    Hi Leo

    thank you – thats some pretty funky code from Luiz. I may spend some time getting my head round how it works!

    Much appreciated.

    Case resolved x2!

    David

    #323644
    Leo
    Staff
    Customer Support

    To be honest I’m not sure how it works either πŸ˜‰

    Just copy and paste the whole thing then you should see the result πŸ™‚

    Glad I could help!

    #323652
    David
    Staff
    Customer Support

    Lol
    i think got my head around it a little – and has just helped me simplify some of my own CSS transforms!

    #323729
    Leo
    Staff
    Customer Support

    Awesome!

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.