Need to keep my social media icons on one line, no matter how far zoomed in.

Have you talked to Elegant Themes about this?

Yes…

“Hello, when you zoom in or out the site should behave like in a responsive action. But I see your elements in the same line always.”

This is what he said, but if you zoom in, they bump down… so he wasn’t much help at all.

Maybe they couldn’t replicate the issue as I can’t, is this specific to your screen size?

My client says when he zooms in… (command +) that it eventually will bump the icons to the next line. I’m trying to get it to stay on the first line no matter how much it is zoomed in.

I can see it happen, and so can my client on his computer…? So I don’t think it is specific to my screen size.

Hopefully you can provide more information of the environment to replicate this.

I misread your thread, I see the issue now

So do you want a horizontal scrollbar?

No… my header/navigation.

The logo, the nav links, and the social media icons. They need to sit on one line, always… even if zooming in.

It is responsive so once it gets to a certain percentage of zoom it goes to mobile media.. but right before that… the social media icons fall onto one line. Is there any way I can make them stay on one line no matter how far they are zoomed in.

The logo, the nav links, and the social media icons. They need to sit on one line, always… even if zooming in.

But envisaging this, what do you want to happen once you zoom in enough that the navigation text fills up all the space and there’s no room for the social icons. Do you want there to be a scrollbar where you can scroll horizontally to see the social icons?

Ideally they would just shrink so they can fit.. but if that is the only solution I will take it…

The scrollbar can be easily achieved with:

header .container {
 min-width: 910px;
}