How to have less dishes in the frontpage ?

Home Forums Auberge How to have less dishes in the frontpage ?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #9605

    gilles.klein
    Member

    How to have less dishes in the frontpage ?

    Resolved

    Hey there! Have you noticed this support service is provided FREE of charge?
    If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you

    Consider a donation →

    In the frontpage, i would like to have only some of the dishes of the menu page. The restaurant have too many choice for the home page. Is that possible ?

    #9607

    Oliver Juhas
    Keymaster

    Hi,

    This would really depends on what you need to achieve. You can do this with custom CSS.

    The easiest way is to hide the whole food sections:

    /* Remove first and last food menu section on homepage */
    .home .menu-items:first-child,
    .home .menu-items:last-child { display: none; }
    

    Similarly you can hide any section using the :nth-child(n) CSS selector http://www.w3schools.com/cssref/sel_nth-child.asp.

    If you would like to hide certain dishes, this would be a little bit tricky. You can try to hide them with a post ID (you can obtain this in WordPress admin) like so:

    /* Replace # with the ID of the post/dish */
    .home .post-# { display: none; }
    

    However, this per-dish hiding could cause issues in the menu layout. Please try to use the previous suggestion: hiding the whole food menu sections.

    Regards,

    Oliver

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

You must be logged in to reply to this topic.