michaelb428ping

That worked, thank you so much!

Hello, is there any news on this?

Thank you Amrit, that fixed the issue for the top navigation menu!

There is one last thing — the right sidebar still wraps when the window size is 991px and smaller. I would like the sidebar to only wrap at 743px and smaller. How can I fix this?

Thank you.

I now have a page on a test server here:

https://digitaldust.net

The regular (non-mobile) top navigation menu should appear from window widths of 744px to 767px (inclusive.) Right now there is no top navigation menu bar for those widths.

Also, the right sidebar wraps when the window size is 991px and smaller. It should instead wrap at 743px and smaller.

To help, I added a script to the page which shows the current window dimensions — it changes as you resize the window.

Thank you for your help!

Thank you for identifying which file to focus on. (/wp-content/themes/colormag/style.css) After I get this working in style.css, then I’ll move my changes to style.css inside a child theme.

So far I have made these changes inside style.css:

change: min-width: 769px
to: min-width: 744px

change: max-width: 768px
to: max-width: 743px

change: max-width: 767px
to: max-width: 743px

change: min-width: 768px
to: min-width: 744px

However, after I make these changes the top navigation menu is missing when the window size is from 744px to 767px width. The top navigation menu only appears when the window size is 768px and larger. I would like the top nav menu to appear at 744px and larger — How can I fix this?

Also, the sidebar wraps when the window size is 991px and smaller. I would like the sidebar to wrap at 743px and smaller. How can I fix this also?

The style.css file that I am using can be downloaded from wetransfer.com here:
https://we.tl/t-4IDdaKEwJq

Thank you.

I see, it’s only fixable in the Pro version.

Thank you.

Thank you for adding this on the to-do list. It’s much appreciated!