Center Site Tagline

everydayelectronics365 · Member · Feb 20, 2017 at 3:03 pm
Copy link

Add topic to favorites
We recently switched to a new theme on our site EverydayElectronics.co and our tagline is skewed to the right.

We were hoping it could be fixed using CSS. If anyone could assist us it would be greatly appreciated!

Thanks in advance.

EverydayElectronics

The blog I need help with is: (visible only to logged in users)
kathrynwp · Staff · Feb 20, 2017 at 9:17 pm
Copy link
Hi there – this should remove the right-alignment on your tagline and centre it:
```
.site-branding {
  text-align: center;
}
.site-description {
  float: none;
}
```
everydayelectronics365 · Member · Feb 22, 2017 at 8:51 pm
Copy link
Thanks for the response, it worked great!

Is there anyway you would be able to assist us with one last matter? Do you happen to know how to move our header image over the top of our site title and tagline on http://Everyday-Electronics.com? The way it currently sits looks kind of off on PC.

Thanks again for your time!
kathrynwp · Staff · Feb 22, 2017 at 9:49 pm
Copy link
Glad that did the trick!

Is there anyway you would be able to assist us with one last matter? Do you happen to know how to move our header image over the top of our site title and tagline on http://Everyday-Electronics.com? The way it currently sits looks kind of off on PC.

Those sorts of positioning changes get a little clunky with CSS alone, but you can give something like this a try:
```
@media only screen and (min-width: 70em) {
  .header-image {
    position: absolute;
    top: 0;
  }
  .site-header {
    padding-top: 375px;
  }
}
```
thesacredpath · Member · Feb 22, 2017 at 9:50 pm
Copy link
Hi, so you are wanting the header image at the very top above the tagline and menu? If so, with the way the html in Tortuga is structured, this would be very challenging and would probably create some issues.
everydayelectronics365 · Member · Feb 22, 2017 at 10:01 pm
Copy link
Yes that’s what we’re trying to do. Is it at anyway possible with this theme to your knowledge?

@media only screen and (min-width: 70em) {
.header-image {
position: absolute;
top: 0;
}
.site-header {
padding-top: 375px;
}
}

This code ^ did not work unfortunately.

Thanks again for your time, kathrynwp & thesacredpath.
thesacredpath · Member · Feb 24, 2017 at 8:11 pm
Copy link
Hi @everydayelectronics365, did you switch themes? I’m seeing your header image title/tagline at the top.
everydayelectronics365 · Member · Feb 24, 2017 at 8:20 pm
Copy link
Hey again TheSacredPath,

There was a few additional problems with the theme so we reverted back to an updated version of our previous theme.
thesacredpath · Member · Feb 24, 2017 at 9:46 pm
Copy link
Thanks for letting me know, and let us know if you have further questions.

No items found.