Top bar shortcodes

[linohalm]

Hello!

I’ve added three shortcodes on the right side of the top bar, and I’d like them to sit next to each other instead of new rows. Can you help me?

[Kyle – SUPPORT]

Hi

Check now

– Kyle

[Mohammad – SUPPORT]

Hi,
All codes in a one line. Do you want new row for each code?
Thanks
Mohammad

[linohalm]

Great! What did you do?

[Kyle – SUPPORT]

You were using widgets, which use a lot of extra html. I just pasted the content right in to the field

[linohalm]

Hello again! I noticed that since you put everything in one row, the shortcode for the opening hours plugin was disabled. It no longer does it’s job. Is there no other way, where I can keep the plugin shortcode and still add regular text in the top bar?

[Kyle – SUPPORT]

Replace the opening hours text with the shortcode, that should work

– Kyle

[linohalm]

Hi!
I tried this, but the part with the shortcode ends up on its own row. Any suggestions?

<i class=”fa fa-phone-square fa-lg”></i> Försäljning : 08-88 88 97 <i class=”fa fa-phone-square fa-lg”></i> Service: 08-88 88 97 <i class=”fa fa-envelope fa-lg”></i> [email protected] <span>[iva_bhrs name=”oppettider”]</span>

Also, is there a way where I can change so that the right top bar section is wider than 50%?

[Kyle – SUPPORT]

Add this to your custom css:

.iva_bh_shortcode {
  float: right;
  margin-left: 7px;
}
#top-bar .container .tb-right {
  width: 70%;
}
#top-bar .container .tb-left {
  width: 30%;
}

– Kyle

[linohalm]

Awesome, thanks!

[Kyle – SUPPORT]

No problem!

– Kyle