Site Tagline inline with logo

Hey, you can do this with css. Try pasting this in your custom css box in theme options > advanced settings:

.kad_tagline {
  display: inline;
}

If that doesn’t work please post a link.

Hannah

Thank You Hannah
Not working ??
https://datel-it.ro (Web design your business is the slogan:
Gabi

Ok, remove the previous css and add this instead:

@media (min-width: 1200px) {
.kad_tagline {
  float: right;
  margin-top: -65px;
  margin-right: -10px;
  padding-bottom: 50px;
}
}

Hope that works for you!
Hannah

Excellent job, Hannah! It’s working!
Thank You very much!

Gabi

Hi,
I do not know what happened, but suddenly, I can not put tagline in line with the logo anymore. I changed the “margin-right: -10 px;” with + 10px, and since then, no longer responding.
What should I do?

Thank you
Gabi

OK, I managed to work … it would be a problem – no longer responsive. Any solution?

Gabi

I mean tagline overlaps logo in the responsive mode

I suggest you just change out the css for this:

@media (min-width: 767px){
header #logo a.brand {
    float: left;
}
.kad_tagline {
  float: left;
  margin-top: 50px;
  margin-right: 0;
  padding-bottom: 30px;
}
}

Kadence Themes

Thank You , Kadence

The same situation … When I shrink the browser to simulate a mobile device, tagline appears over the logo. Ideally will be to appear below the logo, or logo to be placed to the left on mobile devices.

Gabi

Wonderful Kadence!!! My mistake … I still had another written code for tagline in “Advanced setting”, but after I’ve deleted it, now works perfectly!

Nice JOb
Thank YOU
Gabi