Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #138284
    Brad
    Guest

    Hi:

    The navigation at the top of my site looks fine on desktop when I view it on Chrome and Safari on my Mac, but someone shared a screenshot with me that shows the Contact link below the other three items in the main nav when viewed in Chrome on Windows.

    I’m using the Crio theme. How do I ensure my design is responsive and will look the same across the commonly used browsers and operating systems? (I realize there might be outliers, such as a little-known browser on Linux, for example.)

    Thanks.

    #138462
    Brandon C
    Keymaster

    Hi Brad,

    Thanks for reaching out with your Crio WordPress theme questions!

    I inspected your site and I think the person who brought this to your attention may have possibly been viewing the page on a much smaller screen size. When I open the desktop view in my chrome browser tools and begin to resize the page at a certain point when there’s no room left for the menu the contact element drops down underneath the other menu items.

    You can try addressing this using custom css breakpoints or adjusting your custom header using the responsive utilities available in the editor. I only think this will be a problem on very small laptops or maybe tablets.

    I hope this helps.

    #138474
    Brad
    Guest

    It does help. Thanks!

    #138785
    Brandon C
    Keymaster

    Hey Brad!

    Awesome to hear this information was useful to you! Please let us know if there’s anything else that we can for you, we’re always here to help!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How do I make sure responsive design is set up in Crio theme?’ is closed to new replies.