Solved: WordPress - adjust drop down menu in my Divi theme?

Create Account

CSS

Questions

Followers

Top Experts

sabecs

WordPress - adjust drop down menu in my Divi theme?

Hi,
can anyone tell me how to adjust the height and width of the drop down menu in my WordPress Divi theme from www.elegantthemes.com.

<li class="page_item page-item-294 page_item_has_children"><a href="/index.php/cleaning-services-/">CLEANING SERVICES</a>
<ul class='children'>
	<li class="page_item page-item-402"><a href="/index.php/cleaning-services-/office-cleaning/">OFFICE/COMMERCIAL CLEANING</a></li>
	<li class="page_item page-item-418"><a href="/index.php/cleaning-services-/medical-centres/">MEDICAL CENTRES CLEANING SERVICES</a></li>
	<li class="page_item page-item-420"><a href="/index.php/cleaning-services-/industrial-cleaning/">INDUSTRIAL CLEANING SERVICES</a></li>
	<li class="page_item page-item-407"><a href="/index.php/cleaning-services-/hospitality-cleaning-services-/">HOSPITALITY CLEANING SERVICES</a></li>
	<li class="page_item page-item-405"><a href="/index.php/cleaning-services-/health-and-aged-care-cleaning-/">HEALTH AND AGED CARE CLEANING</a></li>
	<li class="page_item page-item-416"><a href="/index.php/cleaning-services-/green-cleaning-services-in-/">GREEN CLEANING SERVICES</a></li>
</ul>
</li>

Open in new window

Zero AI Policy

We believe in human intelligence. Our moderation policy strictly prohibits the use of LLM content in our Q&A threads.

Chris Stanyon🇬🇧

Post a link to your page - we can't see the CSS from an image

sabecs

ASKER

Hi Chris, temporary website address is http://webdesign1.com.au thanks

ASKER CERTIFIED SOLUTION

Peter Hart🇬🇧

membership

Signing up is free and takes 30 seconds. No credit card required.

Create Account

SOLUTION

Chris Stanyon🇬🇧

membership

Signing up is free and takes 30 seconds. No credit card required.

Create Account

sabecs

ASKER

Thanks chilternPC, that is perfect, just wondering how I can adjust the width of the container?

EARN REWARDS FOR ASKING, ANSWERING, AND MORE.

Earn free swag for participating on the platform.

Peter Hart🇬🇧

the width is here:

.nav li ul { width : 240px; }
but also adjust the with here:

#top-menu li li a {
width: 200px;
padding: 6px 20px;
}

sabecs

ASKER

Thanks for your feedback, much appreciated.

Chris Stanyon🇬🇧

Sabecs - read my previous comment - it shows you how to change the width of the container and the items. Chiltern's code shows you how to change the padding on the items, not the actual width!

Get a FREE t-shirt when you ask your first question.

We believe in human intelligence. Our moderation policy strictly prohibits the use of LLM content in our Q&A threads.

CSS

Questions

Followers

Top Experts

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.