Submenu 100% Full Width setting

Design help General
1

Hi, I am so fresh using Webflow. Some issues happen from my project. Could anyone can help me?

I would do a navigation bar like the following website.

  1. On mouse the navigation item can show the submenu, when mouse out, the submenu will fold it back.
  2. Set the submenu to 100% full width.
  3. Can show the current tab style, when on mouse.
    The sample as below link:
    http://www.summerfuel.com/11

Should I use the suitable tools to meet our requirement? (Tabs or Drop Down) or build it not using tabs or Drop down? I try to use div block for the navigation items, but it can’t show the current status.

Could you guys can help? Thanks!!!

2

The easiest way to do that is to put dropdown menus in your nav bar then style the dropdown container to be the size you want, in this case 100%vw and however high you want it. Then you can add links as you like and style it just like any other div.

1 Like
3

Dear Dink~

I have tried to put the dropdown menus in my nav bar that can not set to 100% width, it must set the actually pixel size. (I would like the submenus are the auto 100% width.) Did I get the right directly or something wrong? Could provide some example or link to take a look? Thanks!

4

Can you post your public link please? How to Enable a Webflow Share Link - #2 - Webflow Tips - Forum | Webflow

5

Feel free to take a look my share link:
https://preview.webflow.com/preview/bluena?preview=95a6fd15a471611f96175f4893b22d10

Could I do the same thing as that reference link below? (100% width + can keep the current on mouse status for the navigation bar)
http://www.summerfuel.com

Thanks!!!

6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.