Modal in Top bar?

[huntingensemble]

Hey Guys,

Is it possible to add a modal in the top bar? If so how do I accomplish this?

Thanks!
Joost

[Kyle – SUPPORT]

Hi

Have you tried adding the modal shortcode to the topbar text area?

– Kyle

[huntingensemble]

Hey Kyle,

Yes it works only it shows as a button underneath the first sentence. And I want it just as text with some underlining right behind the sentence. Is that easy to fix?

Check my homepage. To see what I mean.
Thanks,

Joost

[Kyle – SUPPORT]

Add this to your custom css:

#top-bar .container .tb-left {
  width: 80%;
}
#top-bar .container .tb-right {
  width: 20%;
}
#top-bar .tb-text .sf-button {
  display: inline-block;
  padding: 0;
  margin: 0;
}

– Kyle

[huntingensemble]

Nice! Thanks, Last question how do I remove the grey hover effect?

Thanks,
Joost

[Kyle – SUPPORT]

No problem

Add this:

#top-bar .tb-text .sf-button:hover {
  background-color: #fff;
}

– Kyle

[huntingensemble]

Yes works! Thanks Kyle,

Joost

[huntingensemble]

Oh one more question, Is it also possible to decrease the width of the drop down in the top bar? (for the currencies?) It’s quite wide now with some blank space.

Thanks,
Joost

[Kyle – SUPPORT]

Add this:

.chosen-container {
  min-width: 80px;
}

– Kyle

[huntingensemble]

Perfect. Thanks!
Joost

[Kyle – SUPPORT]

No problem!

– Kyle