Change menu view on regular site, stuck on mobile view

[benjamin1986]

Hi There,

This might have been answered before, apologies of so.

On my events page (http://www.suffolkcinemanetwork.org/events/) the find events menu defaults to the mobile view even when on a desktop. I’ve noticed that if increase the sheet width by about 20 pixels it goes to the correct view, so is it a simple @media thing that I’m missing? I’ve had a look in CSS files but i’m not sure which one i should be looking in.

If you could point to the quickest way to correct this, would be much appreciated.

Regards,
Ben

[Casey]

Ben,
Thanks for reaching out! It looks like the Tribe Bar is switching over to mobile view, because the container it’s in is less than 768px in width. You should be able to modify this by changing the breakpoint at which the responsive views kick in. Take a look at the responsive section in our themer’s guide, which should show you how to customize the mobile breakpoint.

Give that a try and let me know if that fixes the problem. Thanks! 🙂

-Casey-

[benjamin1986]

Thanks, which file do I need to add the ‘ tribe_events_mobile_breakpoint filter ‘ – its not clear from the guide?

[Casey]

Ben,
Sorry for not making that more clear. I’ll make sure to update that guide to be a bit more clear for future users. You should be able to add that code to your theme’s functions.php file, but let me know if you’re still unable to get it working. Thanks! 🙂

-Casey-

[benjamin1986]

Thanks Casey,

I’ve added the following to my functions.php file at the bottom:

https://tri.be/support/forums/topic/change-menu-view-on-regular-site-stuck-on-mobile-view/#post-180876

function customize_tribe_events_breakpoint() {
return 600;
}
add_filter( ‘tribe_events_mobile_breakpoint’, ‘customize_tribe_events_breakpoint’ );

however, its still displaying as it would on a mobile? have I missed something?

Ben

[benjamin1986]

Hi,

Also disabled my theme and tried with no luck. Is there just a minimum width at which it will only display them in a row (events from, search & near) in a row?

Thanks, Ben

[Casey]

Ben,
I’m seeing the full tribe bar displaying correctly on your site now (screenshot). Were you able to resolve the issue?

[benjamin1986]

Hi Casey,

Thanks, yes – what I did in the end was increase the container width and reduce some padding by around 20 pixels, and then slightly adjusted items around that.

Not ideal, but I’m happy with it now. 🙂 Would still be useful to know why the function code didn’t work, as I’m bound to use your plugin again on other sites in the future, as its one of the best and would be good to understand.

I’ll study the support pages a little more.

Thanks,
Ben

[Casey]

Ben,
I’m seeing the modified media attribute on the <link> attribute (screenshot), but I just realized that the ‘Find Events Menu’ needs at least a minimum width of 728px in order to display properly, or it switches to the smaller, responsive view. So, in the future, your parent container will need to be at least a width of 728px in order for the full menu bar to display.

Since you’ve confirmed that your issue is resolved here, I’m going to mark this thread “Answered” and close it out.

By the way, if you have a minute or two, we would love it if you’d write a few words for us here: http://m.tri.be/jw

Thanks in advance. 🙂

Cheers,
Casey

[Author]

Posts