Keep inline navigation on one row (responsive to smaller screens)

[kenfbell]

Hi – I’m trying to create a top text menu (using Navigation Inline) that stays on the same horizontal row as the logo. Right now I have the logo and nav links in 2 separate columns on the same row:

However, at smaller screen sizes, the nav drops to a second row:

But it works as desired when you drop to the smallest screen size (using a Navigation Dropdown element for smallest screen size):

Can you help me get the text nav links to stay on the same row as the logo?

Thanks!

[marc_a]

Hi @kenfbell,

I just checked your website https://www.simpleltc.com/ and I guess you already fixed your issue about the logo and nav menu on the same line when at smaller screen sizes.

Let us know how it goes.

Thank you.

[kenfbell]

Hi there – No, the issue hasn’t been fixed. It’s not our main site, it’s a sub-site I’m building here: https://www.simpleltc.com/texas-ltc-symposium/. Can you please advise?

[marc_a]

Hi @kenfbell,

Upon checking your website, there is some custom CSS that forces your 2 columns to be at 100% width and that’s the reason why it breaks into 2 lines, please remove your custom CSS, check the screenshot below.

Screen size: 480px to 766.98px

Screen size: 767px to 978.98px

Screen size: 979px to 1199.98px

Hope that helps.

Thank you.