Mobile & Responsive FAQ

Quick answers about mobile display and responsiveness.

Mobile Support

Is BuddyX Pro mobile responsive?

Yes, fully responsive and mobile-first. Tested on:

iOS (iPhone, iPad)
Android (phones, tablets)
All modern browsers

How does the menu work on mobile?

At 1024px and below:

Navigation collapses to hamburger icon
Tap to open mobile menu drawer
Touch-optimized with larger tap targets

Mobile Issues

Mobile menu won’t open

Common fixes:

Clear all caches – Browser, plugin, CDN
Disable JS minification in caching plugin
Check for JavaScript errors – Browser console (F12)
Test in incognito mode – Rules out extensions

Elements overlap on mobile

Check custom CSS – Your CSS may not be responsive
Use browser dev tools – Find exact breakpoint where it breaks
Add mobile CSS:

@media (max-width: 767px) {
    /* Your mobile fixes */
}

Text too small on mobile

Appearance > Customize > Typography > Body
Increase Font Size
Use the mobile preview icon to check

Or add CSS:

@media (max-width: 767px) {
    body { font-size: 16px; }
}

Images overflow on mobile

Add to Additional CSS:

img {
    max-width: 100%;
    height: auto;
}

Mobile Customization

Can I use a different logo on mobile?

Yes:

Appearance > Customize > Site Identity
Upload Mobile Logo
This shows on screens under 768px

Can I hide elements on mobile?

Use CSS:

@media (max-width: 767px) {
    .element-to-hide { display: none; }
}

How do I test mobile display?

Quick test:

Browser dev tools (F12 > Toggle device toolbar)
Customizer preview (mobile icon at bottom)

Accurate test:

Real iPhone and Android devices
BrowserStack or LambdaTest (online tools)

Breakpoints

What breakpoints does BuddyX Pro use?

Breakpoint	Device
1200px+	Desktop
1024px	Tablet landscape
768px	Tablet portrait
480px	Large phone
320px	Small phone

Can I change the mobile menu breakpoint?

Add to child theme:

add_filter( 'buddyx_mobile_menu_breakpoint', function() {
    return 768; // Change to 768px
});

Need Help? Email support@wbcomdesigns.com