# Dropdown menu CSS in mobile view

**URL:** <https://community.elfsight.com/t/dropdown-menu-css-in-mobile-view/63746>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [July 31, 2024, 1:56am UTC](https://community.elfsight.com/t/dropdown-menu-css-in-mobile-view/63746 "2024-07-31T01:56:58Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [July 31, 2024, 1:56am UTC](https://community.elfsight.com/t/dropdown-menu-css-in-mobile-view/63746/1 "2024-07-31T01:56:58Z")

</div>

**#1.** Decrease the font size in the drop-down menu in the mobile view  
Use this code to Custom CSS box

```auto
@media screen and (max-width:767px) {
    div.header-menu-controls~div.container * {
    font-size: 10px;
}}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/7/f70523ba56ffd810d7aca76b140b65b0c9631b32.jpeg)

**#2.** Change the color of the dropdown menu links  
Use this to Custom CSS box

```auto
@media screen and (max-width:767px) {
    div.header-menu-controls~div.container * {
    color: #f1f
}}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/1/a1c44e20b1351d54712ca7f4256e23480bf387fd.png)

**#3.** Change the color of the dropdown menu background  
Use this to Custom CSS box

```auto
@media screen and (max-width:767px) {
    [data-folder="root"]~[data-folder] {
    background-color: #f1f !important;
}}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/1/1/11a624a133341b293c0e8eeb315147086067beb1.png)