4.2. Menu | Style

Build a desktop oriented menu for your Home Screen!

Step 6

circle-check

6.1. Uncheck Visibility of "homemenutablet":

Visible: [unchecked]

chevron-right6.1. Written stepshashtag

6.2. Open Tablet View:

chevron-right6.2. Written stepshashtag

6.3. Check off Visibility of "homemenutablet:

Visible: [checked]

chevron-right6.3. Written stepshashtag

6.4. Uncheck Visibility of "homemenudesktop":

Visible: [unchecked]

chevron-right6.4. Written stepshashtag

Step 7

circle-check

7.1. Update "homemenu" Padding:

Top: 15

Bottom: 15

Left: 40

Right: 40

chevron-right7.1. Written stepshashtag

7.2. Set "searchmenutablet" Padding:

Top: 6

Bottom: 6

Left: 6

Right: 6

chevron-right7.2. Written stepshashtag

Step 8

circle-check

8.1. Set "searchmenutabletdiv1, searchmenutabletdiv2, and searchmenutabletdiv3" Margin:

Left: 10

Right: 10

chevron-right8.1. Written stepshashtag

8.2. Set "searchmenutabletdiv4" Margin:

Left: 10

chevron-right8.2. Written stepshashtag

8.3. Set "searchmenutablettext1, searchmenutablettext2, and searchmenutablettext3" Font Size:

14

chevron-right8.3. Written stepshashtag

8.4. Set "searchmenutablettext1, and searchmenutablettext2" Font Style:

[B] Bold

chevron-right8.4. Written stepshashtag

Step 9

circle-check

9.1. Set "searchmenutabletdiv4" Background Color:

FF385C

chevron-right9.1. Written stepshashtag

9.2. Set "searchmenutabletdiv4" Radius:

25

chevron-right9.2. Written stepshashtag

9.3. Set "searchmenutabletdiv4" Padding:

Top: 8

Bottom: 8

Left: 8

Right: 8

chevron-right9.3. Written stepshashtag

9.4. Set "searchmenutableticon1" Icon Size to:

20

chevron-right9.4. Written stepshashtag

9.5. Set "searchmenutableticon1" Icon Color:

FFFFFF

chevron-right9.5. Written stepshashtag

Step 10

circle-check

10.1. Set "searchmenutablet" Border Color:

E0E0E0

chevron-right10.1. Written stepshashtag

10.2. Set "searchmenutablet" Border Width:

1

chevron-right10.4. Written stepshashtag

10.3. Set "searchmenutablet" Radius:

50

chevron-right10.4. Written stepshashtag

10.4. Set "searchmenutablet" Shadow Blur:

5

chevron-right10.4. Written stepshashtag

10.5. Set "searchmenutablet" Shadow Color:

E0E0E0

chevron-right10.5. Written stepshashtag

Step 11

circle-check

11.1 Set "sitemenumedia1" Image Source:

Assets/Brand/Airbnb_logo_icon.png

chevron-right11.1. Written stepshashtag

11.2 Set "sitemenumedia1" Size:

Width: 30 px

chevron-right11.2. Written stepshashtag

11.3. Set "sitemenutext4, and sitemenuicon1" Margin:

Left: 5

Right: 5

chevron-right11.3. Written stepshashtag

Step 12

circle-check

12.1. Open Mobile View:

chevron-right12.1. Written stepshashtag

12.2. Uncheck Visibility of "homemenutablet":

Visible: [unchecked]

chevron-right12.2. Written stepshashtag

12.3. Uncheck Visibility of "homemenudesktop":

Visible: [unchecked]

chevron-right12.3. Written stepshashtag

Last updated