General Discussion

Hello-

We've recently purchased the Uptown theme and I'm using it to develop our new website (3.90).
On our site, we only have one currency and one language, so in mobile devices, the "gear" icon has no use.

However..in our header, we have a LIVE CHAT badge appearing. This is good for Desktops, but it takes up too much space on mobile devices.
So, we want to hide it "inside" the gear icon.

How would I do this?
Where do I need to put my chat badge DIV in order for it to be hidden behind the gear icon for mobile devices?

Also, would it be possible to insert links to other pages inside the same "gear icon" div?Please explain.

Thank you!

Ok...well....
I figured out how to hide it behind the Gear icon...by putting the chat DIV inside the header-selectors-wrapper DIV.
However...this makes the chat image appear in the wrong position on desktops...
The chat image looks best on desktops when I put its DIV after the search-box store-search-box DIV.

Is my only option to leave it in the header-selectors-wrapper DIV and use absolute positioning in the 980.css to position the chat badge correctly?
Or is there another option?

Nevermind...problem solved.

I gave the chat badge a class and added this class to my 980.css:

.header-selectors-wrapper .chatbadgedesktop {
  position: relative;
  top:130px;
  left:50px;
}