Trying to remove down arrows from presentation page menu

  • Author
    Posts
  • #24197
    Jeff

    Hello. I am trying to remove the down arrows from menu bar parent pages where subpages exist. I have scoured WordPress and this site for information. The best I can see is Appearance>Tempera Settings>Presentation Page>Slider Settings>Slider Navigation: None.

    I already have that at None.

    Ideas?

    #24200
    Jim

    Hi Jeff

    The option you found within settings was to switch off the navigation arrows either side of the main slider image.
    The only way I know of to remove those down arrows is to set up some custom CSS coding. If you go into miscellaneous settings and then paste the code below into the custom CSS area, it should do the trick.

    #access > .menu > ul > li > a:not(:only-child) span:after {
    content: “”;
    }

    I hope this helps

    Jim..

    #24203
    Jeff

    Hi Jim,

    I am new to this but I’m learning. And granted I don’t understand a lot of it.

    Tempera Settings>Miscellaneous Settings> and this is what it should look like…?

    /* Tempera Custom CSS */
    #access > .menu > ul > li > a:not(:only-child) span:after {
    content: “”;
    }

    If so, unfortunately the down arrow is still there. Something else to try or I need to be corrected?

    Thanks/Jeff

    #24205
    Jim

    Hi Jeff

    Yes looks correct, have you to a site link I can take a quick look at for you.

    After you pasted the code into that box did you save the settings and do a refresh of the site? I tried it on mine and it seemed to work OK

    Cheers

    Jim…

    #24207
    Jeff

    Yep to all of the above.
    http://www.unclejeffmontessori.com

    #24211
    Jim

    Hi Jeff
    I’m sorry you are having issues, after looking at your site I don’t see why it wouldn’t be working, but try taking out the code from before and try copying and pasting this into the custom code area instead then save and refresh.

    #access > .menu > ul > li > a:not(:only-child) span:after {
    content: “”;
    font-family: “Elusive”;
    position: absolute;
    right: 5px;
    top: 10px;
    transition: all 0.2s ease-in-out 0s;
    z-index: 251;
    }

    Hope it works, if it doesn’t then I’m stumped! 🙂

    Jim…

    #24214
    Jeff

    Jim,
    It did make some difference…now there is a square instead of an arrow. We’re on the right road. Don’t give up! You can conquer!
    http://www.unclejeffmontessori.com

    #24216
    Jeff

    Also, I just put in “Connect” to the menu bar and it’s at that elevated level. I tried taking out the code (going back to the arrow) and it’s still at that elevated level. I tried it with the first round of code and it’s still high too. Ahhh.

    #24221
    Jim

    Hi Jeff

    Yes I was thinking yesterday that your menu did look a bit strange, and out of alignment, I am just a humble user like yourself. I did try doing a comparison between the demo Tempera page and your site to see if I could spot any obvious differences but found nothing. So what I would try, if it were me, is to de-install the theme and re-install it again. Perhaps export your settings first then re-import afterwards. If the menu then looks OK try checking that custom CSS code again. Your existing pages should not be affected but you may need to reload images into the slider.

    Sorry I can’t be of more help

    Jim…

    #24222
    Jim

    Hi Jeff

    Also just to prove the custom CSS code worked for me, I have included a link here to the site I tested it on, where I have 3 sub menus and you can see the down arrows has been removed.

    Cheers

    Jim…

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Trying to remove down arrows from presentation page menu’ is closed to new replies.