Alignment Site title homepage differs from other pages

mooie-dingen
(@mooie-dingen)

7 years, 2 months ago

I made some custom coding in Child theme for Twenty Thirteen, to show the header image different from following pages, but the alignment of site title & description changed too after doing so.
They are okay on the homepage, aligned the same as navigation.
On other pages site title & description are too much placed to the left, compared to navigation & pagecontent.

This is what it looks like on homepage:

http://www.mooiedingen.nu/wp-content/uploads/Schermafbeelding-2017-02-08-om-16.29.21.png

This is what it looks like on other pages, but I’d like it the same as homepage:

http://www.mooiedingen.nu/wp-content/uploads/Schermafbeelding-2017-02-08-om-16.29.26.png

Any idea which css to use?

Viewing 1 replies (of 1 total)

(@soumendra)

Hello,

You have added this code:

.home .site-header .home-link {
  color: #FFF;
  height: 600px;
  background: url(uploads/2017/01/home.jpg) no-repeat center top;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  padding: 0 100px 0px 100px;
  text-align: left;
}

You need to remove the padding from the above code and add this code instead for better result:

@media screen and (min-width: 1070px){
.site-header .home-link {
    padding: 0 100px !important;
}}

Hope that helps.

Thank you.

Viewing 1 replies (of 1 total)

The topic ‘Alignment Site title homepage differs from other pages’ is closed to new replies.