How to Remove "Menu Sections"heading that Appear After Each Food Menu on Mobile

Home Forums Auberge How to Remove "Menu Sections"heading that Appear After Each Food Menu on Mobile

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

    tomiwao
    Participant

    How to Remove "Menu Sections"heading that Appear After Each Food Menu on Mobile

    Resolved

    Hello,
    Great theme, but how can I remove the Menu Section headings that appear after each section or how can I change the name to say something else? I really would prefer to remove the headings all together.

    Also, what’s the css code to set a background color for the entire food menu section?

    Also, how can I remove the headings/tabs that appear before each menu section.

    #19631

    Oliver Juhas
    Keymaster

    Hi tomiwao,

    Thank you, I’m glad you like the theme :)

    I’m not really sure what you mean. Do you mean the “↑ Menu sections” button? If so, you can use this custom CSS to remove it:

    .menu-group-nav-link {
    	display: none;
    }

    To style the food menu section on website please use this custom CSS:

    .food-menu-items {
    	padding: 20px;
    	background-color: red;
    	color: white;
    }
    
    .food-menu-items h2,
    .food-menu-items h3,
    .food-menu-items h4,
    .food-menu-items a {
    	color: inherit;
    }

    To remove the menu sections navigation (the “tabs”) please use this CSS:

    .menu-group-nav-container {
    	display: none;
    }

    Please try using your web browser code inspector to determine the CSS you need to use to apply your modifications.

    Best regards,

    Oliver Juhas
    WebMan Design

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

You must be logged in to reply to this topic.