Home Forums WordPress Themes – Premium Flat Responsive remove the ” |” from footer menu?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17143
    gebseng
    Participant

    Hi,

    Can you tell me how to remove the ” |” divider from between the menu items in the footer menu?

    best,

    Gebhard

    #22574
    Sushil Adhikari
    Moderator

    Hi Gebhard Sengmüller,

    Add this following css in child theme style.css file to remove “|” from footer menu:

    ul.footer > li:before, .footer > ul > li:before {
        content: none;
    }

    Note: Please add this css on child theme style.css file, otherwise your changes will be lost on theme update.

    Thanks

    #22572
    gebseng
    Participant

    Thank you so much, works great! I have a follow up question: is there a way to make the space between the menu items smaller (both in the footer and the header menu?

    thanks,

    geb

    #17144
    Sushil Adhikari
    Moderator

    To decrease space of header menu:

    
    ul.navmenu > li > a, .navmenu ul > li > a {
        padding: 0rem 4px;
    }

    Note: You can increase padding value as per your requirement. @SEE http://www.w3schools.com/css/css_padding.asp

    To decrease space of footer menu:

    ul.footer > li, .footer ul > li {
        margin-right: 5px;
    }

    Note: You can decrease margin-right property as per your requirement. @see http://www.w3schools.com/cssref/pr_margin-right.asp

    Please add this css on child theme style.css file so your changes will not lost on theme update.

    Thanks

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