Hover Text Color: Text color of a main menu entry when the mouse is over it.Hover Background Color: Background color of a main menu entry when the mouse is over it.Use Hover Styles: If checked, the main menu entries in the horizontal bar show hover colors when the mouse moves over them.This looks very nice, but only is visible on newer browsers which support this feature. Use CSS Shadow: Draws a shadow around the dropdwon menu pane.Pane Border color: Color for the border of the dropdown menu pane.Pane Background color: Color for the background of the dropdown menu pane.SubMenuSpacing: Vertical space in pixels between sub menu entries. Padding: Space in pixels between menu entries.If you want even different backgrounds, simply set the background and border to trnasparent and invisible and place any other element behind the menu bar. The background will only be visible if the image files cannot be loaded or the currently shown image is transparent. This component supports several background modes (Color, Image, Gradient), changeable by selecting the property 'BackgroundMode'. Simply set the text of a sub menu to "-" (=a minus symbol), and if you click 'preview' to view your website in the browser, this menu entry will appear as a horizontal line. The menu supports horizontal lines as menu entries. Then, you can choose a new font as usual. If you want to change the font for multiple menu entries at once, simply select one menu entry, hold down the 'Shift' key on your keyboard and click other menu entries to select them as well. It is possible to select a font, color and font size for each menu entry individually. Once you placed your menu, you can click the 'Edit text here' text and enter new menu entries directly in the editor. It looks like this:īy using the 'Navigation Menu' entry of the Toolset or the menu command 'Insert -> Navigation Menu', you can place the menu on the website. See our help guide on how to link a menu item to a shop category/tag/brand. Then use this help guide to link your subpages to a main menu item in a dropdown.The Navigation Menu component gives you the possibility to create a drop down menu with links on your website. Save your changes when you've finished editing.Īdding a dropdown menu link to your shop's category/filter or brand? Under the Dropdown Menus heading you're able to change the background colour of the dropdown box and also the text colour of your dropdown menu page names.ģ. Then click on the 3 dots next to Menu Text. Click on the 3 dots next to Header Layout. The Header & Menu tab in CHANGE DESIGN>SITEWIDE DESIGN SETTINGS will open by default.Ģ. Click on the 3 dots to Change the dropdown design. Once you've added a dropdown menu, an option will appear in Manage Pages with a link to allow you to change the look and feel of your menu design.ġ. NOTE: You can go back and edit this menu by simply going back to Manage Pages, a new EDIT DROPDOWN button will appear alongside the menu page you have previously added a dropdown menu to. Once you've finished adding your page links to your dropdown menu, you can rearrange the order of your pages by pulling the arrows either up or down to suit. To add more pages to your dropdown menu, continue to select Add page to dropdown, and select each page one at a time, in the order of appearance.Ħ. In this case I'd like to add my TOPS page first, so this will appear first under SHOP in my dropdown menu.ĥ. Click on Add page to dropdown, choose the page you would like to add to your dropdown menu. In this case, I'd like to add a dropdown menu to my SHOP tab (for the purpose of helping customers get to what they're shopping for, faster).Ĥ. Click on the menu tab you would like to add a dropdown menu to. Select Add dropdown menu to the right of your windowģ. Go to your Dashboard and click Manage Pages in the left hand menu.Ģ. Why? For non-savvy visitors, dropdown menus can be awkward and frustrating to use and in some cases the more pages you have in your menu structure, the harder it is for visitors to quickly scan for the information they're looking for.Īdding a dropdown menu link to your shop's category/filter or brandġ. However we do suggest using this feature sparingly. You can add dropdown menu/s to your Rocketspark website, this is super handy for ecommerce for directing customers around a large website or for any businesses who offer multiple services.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |