[Solved] Given this CSS snippet in a WordPress theme:@media (max-width: 480px) { .menu { display: none; } }What happens to the menu on screens smaller than 480px? | Wordpress

Wordpress - Custom Theme Development

Given this CSS snippet in a WordPress theme:

@media (max-width: 480px) { .menu { display: none; } }

What happens to the menu on screens smaller than 480px?

AMenu is always visible

BMenu is hidden

CMenu changes color

DMenu moves to footer

Step-by-Step Solution

Solution:

Step 1: Understand media query condition
The rule applies when screen width is 480px or less.
Step 2: Analyze CSS inside media query
.menu has display set to none, so it becomes hidden.
Final Answer:
Menu is hidden -> Option B
Quick Check:
Media query hides menu under 480px [OK]

Quick Trick: display:none hides elements in media queries [OK]

Common Mistakes:

Master "Custom Theme Development" in Wordpress

9 interactive learning modes - each teaches the same concept differently

More Wordpress Quizzes

Given this CSS snippet in a WordPress theme: