Menu Arrangement

Support Area Forums Umami Menu Arrangement

Viewing 5 posts - 1 through 5 (of 5 total)
URL to the page in question: http://xquisitecuisine.com
  • Author
    Posts
  • #24974
    oyin braithwaite
    Participant

    Hi,

    I would like my menu to look like the one here: http://mfkrestaurant.com/menu/

    How do I go about doing this? I read one of your previous responses regarding this on in the forum, but my understanding is it would create a drop down/tab/links menu which is not what I desire.

    I look forward to hearing from you.

    Thank you.

    #24975
    oyin braithwaite
    Participant

    Or like that of the moonrise theme…

    #24983
    Bill Robbins
    Moderator

    Good Morning Oyin,

    Great question. What the people behind that site have used are some “tabs” at the top of the page to separate the content so that you only see what’s in the active tab.

    You can create that effect with a plugin like Tabby Responsive Tabs (https://wordpress.org/plugins/tabby-responsive-tabs/). The way that would work would be to create a page for your menu. This time don’t use the menu template, but instead stick with the default.

    The plugin uses what are called “shortcodes” to create the tabs. The theme also has shortcodes built in to display menu groups. You can read about how to insert them in the theme instructions at https://support.organizedthemes.com/umami/

    Basically what you’ll do is insert the appropriate shortcode from the plugin to start the tabs, then add the menu group shortcodes you’d like to have in the first tab. Then close the first tab and start the second. Then add the menu groups for the second tab there. Close out the tabs and that should give you tabs at the top of the page you can use to separate your menu into different panels.


    If you’d rather just create two columns similar to how our Moonrise theme works you can. Here’s how to do that:

    1. Go to your theme options page and choose the Advanced tab.
    2. Scroll down to the Custom CSS box and add this:
      
      @media only screen and (min-width: 768px) {
      
      	.page-template-page-menu-list-php #content article:first-of-type {
      		float: none;
      		width: 100%;
      	}
      	
      	.page-template-page-menu-list-php #content article {
      		float: left;
      		width: 48%;
      		margin-right: 2%;
      	}
      
      }
      
    3. Update your settings.

    If you have any questions or trouble, just let me know.

    Thanks,
    Bill

    #24995
    oyin braithwaite
    Participant

    Hi,

    Thank you for your swift response!

    I opted for the advanced option. I haven’t quite figured the tabby tabs out as yet. Especially as the background is white and doesn’t fit in with the theme.

    Thanks again.
    Oyin

    #24998
    Bill Robbins
    Moderator

    It’s always good to have options. If you need anything else, just let me know.

    Thanks,
    Bill

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Menu Arrangement’ is closed to new replies.