Can I change the tablet breakpoint in Webflow from 990px to 1300px width for a vertical menu on my website?

In Webflow, you have the flexibility to customize the breakpoints for different device sizes, including tablets. While the default tablet breakpoint in Webflow is set at 990px, you can indeed change it to your desired width of 1300px to accommodate your vertical menu.

Here's how you can change the tablet breakpoint in Webflow:

1. Open your Webflow project in the Designer.

2. In the top-right corner, you'll find the device toggles. Click on the tablet icon (which represents the tablet breakpoint) to switch to the tablet view.

3. In the top toolbar, you'll see a button labeled "Settings." Click on it to open the "Viewports" panel.

4. In the "Viewports" panel, you'll find a section called "Breakpoints." Under this section, you'll see "Tablet portrait."

5. To change the breakpoint width to 1300px, double-click on the existing value (990px) next to "Tablet portrait."

6. After double-clicking, you can enter your desired width of 1300px.

7. Once you've entered the new width, hit Enter or click outside the input field to apply the changes.

Now, your tablet breakpoint will be set at 1300px, allowing your vertical menu to adjust accordingly. Please note that this will only affect the tablet breakpoint, and other breakpoints (such as mobile or desktop) will remain unaffected.

Remember to preview and test your website after making this change to ensure that everything looks and functions as intended on tablets with a width of 1300px.

Keep in mind that modifying the default breakpoints may have implications for responsive design and how your website behaves on different devices. It's important to thoroughly test your website on different screen sizes to ensure a seamless user experience across devices.