Streaming live at 10am (PST)

Microsoft.com Responsive Tab


#1

Hi
How can I design like Microsoft.com tab?




#2

Hi @Hamid1988, one solution would be to use multiple drop down widgets together with display:inline and float:left css set, then create as many drop downs you need for each section, i.e. Shop, Products, Downloads, Support... then if you want, you can further customise the links etc in the drop down widget menu.

I hope that give one idea how this could be done, here is an example of this kind of menu:

http://example-dropdown-menu.webflow.com/

And the preview link so you can see how it was made:

https://webflow.com/design/example-dropdown-menu?preview=187ba93a0f2b1fd2b1eb82724db5dfaf

See if that helps to give you some ideas on that. Cheers, Dave


#3