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

    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 →

    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.