Remove space and line above food menu page

  • Author
  • #139989

    Hi there,

    I’ve created a food menu and there’s a whole lot of extra white space and a line above all the menu items. Take a look here:

    In contrast, the template demo I’ve seen doesn’t have that.

    What can I do to fix this to look closer to the demo version?

    The blog I need help with is


    Theme Author


    I see where is the issue. I found some extra CSS classes, but I don’t have the idea where are they coming from.

    Anyway, you can override them with some CSS – just add ti to Custom CSS:

    .menu-items:not(.ui-tabs-panel):before {
    border: none;

    And add this class to reduce spacing:

    .menu-items:not(.ui-tabs-panel) {
    padding-top: 0;

    Thank you,
    – Djordje

The topic ‘Remove space and line above food menu page’ is closed to new replies.