# Adjusting Child Menu Width

**URL:** <https://community.hubspot.com/t/adjusting-child-menu-width/86390>\
**Category:** CMS Development\
**Tags:** enterprise\
**Created:** [July 28, 2023, 8:27pm UTC](https://community.hubspot.com/t/adjusting-child-menu-width/86390 "2023-07-28T20:27:15Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![PSewall](https://avatars.discourse-cdn.com/v4/letter/p/ecae2f/32.png) [@PSewall](https://community.hubspot.com/u/PSewall)\
**Post date:** [July 28, 2023, 8:27pm UTC](https://community.hubspot.com/t/adjusting-child-menu-width/86390/1 "2023-07-28T20:27:15Z")

</div>

Hi, not a dev here. I have a very simple adjustment I would like to make to our website -- [apartmentgeofencing.com.](https://apartmentgeofencing.com/)

I want to increase the width of the drop-down menu (desktop only).

Here is what it looks like currently:

 ![PSewall_0-1690575655908.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/9/3/93224f7a16f4b6254ce1867b49b21d09f54bfb7d.png)

In developer tools I see width 150px

 ![PSewall_1-1690575861969.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/4/1428d8754ee3beb216f5fbd0afdd6d5f13334b95.png)

Changing this to 200px; gives me the desired width:

 ![PSewall_2-1690575926036.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/9/1/9144043afcf98d54251940b84d02650304e26c9f.png)

Desired Result:

 ![PSewall_3-1690575939103.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/f/6/f6f420a0d0b9dda0cee968a79783d94296b4d169.png)

I am having a hard time located where in the theme files / CSS files to make this change, and I am new to Hubspot. I will contract someone to help, but would like to become more comfortable making minor adjustments like this on my own.

Any help would be great. Thank you!

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [July 28, 2023, 10:35pm UTC](https://community.hubspot.com/t/adjusting-child-menu-width/86390/2 "2023-07-28T22:35:00Z")

</div>

Hi @PSewall,

the theme files are located in your theme folder which can be found in the Design-Tools(Marketing → Files&Templates → Design-Tools or Design Manager ).

If you don’t see this option contact an Admin from your Hub and request the rights for access to it.

Once you’re in the Design-Tools open the theme - according to the source code it should be inside the “intrinsic-digital” folder. Somewhere in this folder you should find a module folder with a module called navigation, header navigation or similar. Open it and you’ll find the CSS part you’re looking for in the module.css area.

**Important:** It seems that it’s is a custom theme set up by an agency - inform them that you’ve made some changes. Otherwise they might overwrite it if they update your theme

best,

Anton

---

<div class="post-metadata">

**Author:** ![PSewall](https://avatars.discourse-cdn.com/v4/letter/p/ecae2f/32.png) [@PSewall](https://community.hubspot.com/u/PSewall)\
**Post date:** [July 31, 2023, 1:34pm UTC](https://community.hubspot.com/t/adjusting-child-menu-width/86390/3 "2023-07-31T13:34:06Z")

</div>

Thanks, that was helpful. I found it and made the change!

---

<div class="post-metadata">

**Author:** ![fsmith4](https://avatars.discourse-cdn.com/v4/letter/f/7cd45c/32.png) [@fsmith4](https://community.hubspot.com/u/fsmith4)\
**Post date:** [July 30, 2023, 9:08am UTC](https://community.hubspot.com/t/adjusting-child-menu-width/86390/4 "2023-07-30T09:08:10Z")

</div>

To increase the width of the drop-down menu on your website, you’ll need to locate the relevant CSS code in the theme files [betflik](https://betflix.me/). Since you’re new to Hubspot, I recommend seeking assistance from a developer to help you find the correct CSS file and make the adjustment. Once you’re more familiar with it, you can start making minor adjustments on your own. Good luck!

---

<div class="post-metadata">

**Author:** ![wmass](https://avatars.discourse-cdn.com/v4/letter/w/6f9a4e/32.png) [@wmass](https://community.hubspot.com/u/wmass)\
**Post date:** [August 30, 2023, 3:38pm UTC](https://community.hubspot.com/t/adjusting-child-menu-width/86390/5 "2023-08-30T15:38:02Z")

</div>

Thanks, that was helpful. I found it and made the change! [betflik45](https://betfilk45.com/)

---

<div class="post-metadata">

**Author:** ![bfan](https://avatars.discourse-cdn.com/v4/letter/b/59ef9b/32.png) [@bfan](https://community.hubspot.com/u/bfan)\
**Post date:** [December 19, 2023, 5:55pm UTC](https://community.hubspot.com/t/adjusting-child-menu-width/86390/6 "2023-12-19T17:55:04Z")

</div>

To increase the width of a desktop drop-down menu:

1. Find the CSS selector for the menu.
2. Add a CSS rule to set the width.
3. Optionally, use a media query to apply the change only on desktop screens.
4. Test on different browsers.
5. Update your [betflix](https://betflix.fan/) website/app code with the modified CSS.
