We're in beta! Don't mind the bugs.
Helpful resources
Need more help?
Check out the Webflow community.
Free Webflow templates
The best free Webflow templates.
Hire a Webflow expert
Partner with a certified expert.
Rate this answer
Good
Good
Bad
Bad
Share
All posts
Custom code

How can I align the Select-Field (clothing size selection) in the center on Safari? How can I fix the horizontal display issue with my Navigation options on Webflow?

Published on
September 22, 2023
Note
CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To align the Select-Field (clothing size selection) in the center on Safari in Webflow, you can follow these steps:

  1. Select the parent element of the Select-Field in the Webflow Designer.
  2. In the Style tab, go to the Flexbox settings.
  3. Set the Justify property to Center. This will horizontally center the Select-Field within its parent element.
  4. If the Select-Field is not center-aligned vertically within its parent element, you can also set the Align property to Center. This will vertically center the Select-Field within its parent element.
  5. Preview your site in Safari to ensure that the Select-Field is now centered.

To fix the horizontal display issue with your Navigation options on Webflow, you can try the following solutions:

  1. Check if there are any custom styles or CSS that could be conflicting with the styling of your Navigation options. Inspect the elements using the browser's developer tools and look for any conflicting styles. If found, either remove or modify those styles to resolve the issue.
  2. Make sure that the Navigation options are properly structured using HTML and CSS. Ensure that each option is contained within its own list item <li> tag, which is within a <ul> container.
  3. Verify if the Navigation options have width settings that are causing them to display horizontally instead of vertically. Adjust the width properties to make sure they fit within the designated space.
  4. Double-check if there are any breakpoints or media queries that could be affecting the display of your Navigation options on different screen sizes. Adjust the styles accordingly to ensure consistent horizontal display across different devices.
  5. Test your site on different browsers to see if the issue is specific to Safari. If it is, you may need to use browser-specific CSS to target and fix the issue specifically for Safari.

Remember to preview your site and test changes on Safari and other browsers to ensure that the alignment and display issue are resolved correctly.

Additional Questions:

  1. How can I vertically align elements in Webflow?
  2. How can I create a responsive layout in Webflow?
  3. What are the best practices for optimizing SEO in Webflow?
Is it possible to access a referenced item's slug in Webflow when building a breadcrumb structure using a subcategory collection?
Is there a way to dynamically change the image on the Brand Link in the navigation of a Webflow website based on the background color of the navigation when scrolling?
What could be causing the image in my Webflow site to glitch out and lower itself when I set the section height to 60% of viewport height and the image and div to 100% parent height?
Can Webflow be used to create a secondary sticky/floating navigation similar to the one on toyota.com?
How can I automatically reset the filter settings when changing tabs in Webflow using Finsweet attributes?
How can I set the active tab to match the color of a specific item when a user clicks on a link to that item on a CMS page in Webflow?
Is the slow speed performance on mobile potentially due to the JS coming from Webflow or could it be an issue with the SaaSly template?
Can Webflow be used to create a registration form with multiple functions including populating a database and sending automated email reminders based on the registration date?
How can I embed a custom form that contains HTML, js, and CSS on my site in Webflow due to the 10,000 characters limit in the custom code?
What is causing the middle section of the nav bar to appear slightly off center on the Webflow site "Urban Podcasts"?
Home
Categories
Tutorials
© 2023 CommunityFAQ. All rights reserved.
TermsPrivacyCookies
CommunityFAQ is not affiliated with Webflow. This is a personal project to help answer Webflow's questions and a test project to implement new strategies while working with larger a larger CMS. CommunityFAQ is reader-supported and some links may be affiliate links.