I want to make a change to the way the responsive design works for iPad/tablet when used in portrait mode.

Using iPad Air (viewport width = 768pixels), when rotating from landscape to portrait the menu remains in web/full width mode. This may, if menu is extensively populated, among other things cause the reservation button to expand the menu and place itself below the actual menu.

I would like it to switch to condensed/mobile menu mode when site is viewed with a tablet/viewport in portrait mode = <800pixles width.

Where can I make the adjustment so that this takes place?

Thanks once again in advance!

Comments

shadcn’s picture

shadcn CreditAttribution: shadcn commented
Status: Active » Fixed

If you're familiar with Sass, you can customize this value here: https://github.com/drupalrestaurant/restaurant_radix/blob/7.x-1.x/assets...

If you have not used Sass before, let me know I can write detailed instructions here.

gnorf’s picture

gnorf CreditAttribution: gnorf commented

I'm new to Sass, been trying to decipher the breakpoints and grid variations but since I cannot make it change (what am I missing!) I'd appreciate that very much!

shadcn’s picture

shadcn CreditAttribution: shadcn commented

We're going to update the documentation soon. Theming should be much easier then.

gnorf’s picture

gnorf CreditAttribution: gnorf commented

Ok thanks, but if you could tell me exactly what values needs to be changed either on line 258 or in the definition /line 224-249 I'd be a happy camper :) Else I'll wait.

gnorf’s picture

gnorf CreditAttribution: gnorf commented

In order to move menu collapse breakpoint I've tried to make changes at the previously indicated sass line.

The previous suggestion just points at the /global/_variable.sass line but not what the value should be changed to. I cannot make this work so therefore I ask for some guidance. In my _variable.sass it's line 266 btw.

Initially I would like the menu-collapse function to become effective at portrait view 767/768 pixels. The original design shows full menu at this width, causing the reservation button to be moved below the menus, and the menu bar/area to be expanded.

The definitions used are a bit confusing.

Thanks.

shadcn’s picture

shadcn CreditAttribution: shadcn commented
Status: Fixed » Active

I'll take a look at this.

(If I marked a ticket as fixed but you still have questions, feel free to reopen it. I've filtered out fixed tickets so I didn't see it ^^)

shadcn’s picture

shadcn CreditAttribution: shadcn commented
Status: Active » Closed (fixed)