# responsive-menu/3.1.12/views/admin/sections/desktop-menu.html.twig

Responsive Menu – Create Mobile-Friendly Menu, version 3.1.12. 68 lines.

- Page: https://pluginprobe.com/plugins/responsive-menu/3.1.12/code/views/admin/sections/desktop-menu.html.twig
- Raw: https://pluginprobe.com/plugins/responsive-menu/3.1.12/raw/views/admin/sections/desktop-menu.html.twig
- Modified: 2018-01-17T18:00:36+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/responsive-menu/3.1.12/code/views/admin/sections/desktop-menu.html.twig#L10-L20`.

```twig
{#
    Responsive Menu Jinja template file.
    Safe to Copy
#}

{% import 'admin/macros.html.twig' as macros %}

{% set section = 'Desktop Menu' %}

<div class='panel panel-default fully-pro-container'>
    {{ macros.header('Enable', section, '/advanced-setup/desktop-menu/#enable') }}
    <table class='table table-bordered table-hover'>
        {{ macros.row('use_desktop_menu', 'Enable', 'checkbox', options, errors, '', 'pro', '', '', 'Enable the Desktop Menu.') }}
    </table>
</div>

<div class="panel panel-default fully-pro-container">
    {{ macros.header('Settings', section, '/advanced-setup/desktop-menu/#settings') }}
    {% include 'admin/sections/modules/desktop-menu-settings.html.twig' %}
</div>

<div class='panel panel-default fully-pro-container'>
    {{ macros.header('General Setup', section, '/advanced-setup/desktop-menu/#general-setup') }}
    <table class='table table-bordered table-hover'>
        {{ macros.row('desktop_menu_positioning', 'Positioning', 'select', options, errors, '', 'pro', 'position', '', 'Specify how you want the menu to stick to your page.', '', '', 'Using relative positioning is useful when combined with the shortcode.') }}
        {{ macros.row('desktop_menu_width', 'Width', 'input', options, errors, 'has-unit', 'pro', '', 'percentage', 'Set the width of the desktop menu and it\'s unit.', '', '', 'Leave blank to keep the width auto.') }}
        {{ macros.row('desktop_menu_side', 'Side', 'select', options, errors, '', 'pro', 'left_right_centre_with_none', '', 'Set which side of the screen the desktop menu will show on.') }}
    </table>
</div>

<div class='panel panel-default fully-pro-container'>
    {{ macros.header('Top Level Link Colours', section, '/advanced-setup/desktop-menu/#top-level-link-colours') }}
    <table class='table table-bordered table-hover'>
        {{ macros.row('single_menu_item_background_colour', 'Background', 'colour', options, errors, '', 'pro', '', '', 'Set the background colour for the top level menu items.') }}
        {{ macros.row('single_menu_item_background_colour_hover', 'Background Hover', 'colour', options, errors, '', 'pro', '', '', 'Set the background hover colour for the top level menu items.') }}
        {{ macros.row('single_menu_item_link_colour', 'Text', 'colour', options, errors, '', 'pro', '', '', 'Set the text colour for the top level menu items.') }}
        {{ macros.row('single_menu_item_link_colour_hover', 'Text Hover', 'colour', options, errors, '', 'pro', '', '', 'Set the text hover colour for the top level menu items.') }}
    </table>
</div>

<div class='panel panel-default fully-pro-container'>
    {{ macros.header('Sub Menu Link Colours', section, '/advanced-setup/desktop-menu/#sub-menu-link-colours') }}
    <table class='table table-bordered table-hover'>
        {{ macros.row('single_menu_item_submenu_background_colour', 'Background', 'colour', options, errors, '', 'pro', '', '', 'Set the background colour for the sub menu items.') }}
        {{ macros.row('single_menu_item_submenu_background_colour_hover', 'Background Hover', 'colour', options, errors, '', 'pro', '', '', 'Set the background hover colour for the sub menu items.') }}
        {{ macros.row('single_menu_item_submenu_link_colour', 'Text', 'colour', options, errors, '', 'pro', '', '', 'Set the text colour for the sub menu items.') }}
        {{ macros.row('single_menu_item_submenu_link_colour_hover', 'Text Hover', 'colour', options, errors, '', 'pro', '', '', 'Set the text hover colour for the sub menu items.') }}
    </table>
</div>

<div class='panel panel-default fully-pro-container'>
    {{ macros.header('Top Level Styling', section, '/advanced-setup/desktop-menu/#top-level-styling') }}
    <table class='table table-bordered table-hover'>
        {{ macros.row('single_menu_font', 'Font', 'input', options, errors, '', 'pro', '', '', 'Set the font for the menu items. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }}
        {{ macros.row('single_menu_font_size', 'Font size', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the text size of the menu items and their unit.') }}
        {{ macros.row('single_menu_height', 'Height', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the height of the top level menu items and their unit.') }}
    </table>
</div>

<div class='panel panel-default fully-pro-container'>
    {{ macros.header('Sub Menu Styling', section, '/advanced-setup/desktop-menu/#sub-menu-styling') }}
    <table class='table table-bordered table-hover'>
        {{ macros.row('single_menu_submenu_font', 'Font', 'input', options, errors, '', 'pro', '', '', 'Set the font for the sub menu items. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }}
        {{ macros.row('single_menu_submenu_font_size', 'Font size', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the text size of the sub menu items and their unit.') }}
        {{ macros.row('single_menu_submenu_height', 'Height', 'input', options, errors, 'has-unit', 'pro', '', 'pixel', 'Set the height of the sub menu items and their unit.') }}
    </table>
</div>

```