Background sometimes disappears

I added a background to my main page,it works well but when i go to another page and return to it,the background around the social links area disappears.

I think it has something to do with my CSS(my footer is hidden).

www.tascafit.pt

Regards

Hello there,

Please share your site URL of your second screenshot, so I can inspect it.

Regards,
Kharis

Hi,it’s the same page

Open homepage,click a button to go to another page and in the other page click to back to the homepage

Hello there,

Please try adding the following CSS code into Appearance > Customize > Additional CSS:


body {
  background-size: cover !important;
}

Let me know how it goes.

Regards,
Kharis

Didn’t work, here’s my CSS

.site-header{
    height: 180px;
}

.site-footer{
	display:none;
}

.page-id-16 header{
	height: 60px;
}

.page-id-16 header{
	display: none;
}

.site-info { display : none; }

.entry-header {
    display: none;
}

.bp-contact-card {
    text-align: center;
}
.bp-contact-card .bp-opening-hours {
    margin: 1em auto;
    text-align: left;
}

header#masthead div.btn-menu {
    color: black;
}

.home .header-wrap .col-md-4 > a{
  display: none;
}

.page-wrap{
   padding-bottom: 1px !important;
}

.page-wrap{
   padding-top: 10px !important;
}

.home .site-header .col-md-4.col-sm-8.col-xs-12 {
    display: none !important;
}

.home .header-wrap .col-md-8.col-sm-4.col-xs-12 {
    width: 100% !important;
    text-align: center;
}

#mainnav {
    text-align: center !important;
    float: none !important;
}

#mainnav li {
    display: inline-block !important;
    float: none !important;
}

body.home{background: url('http://tascafit.pt/wp-content/uploads/2017/03/17200280_1365199513503261_1363680380_o.jpg') no-repeat scroll 50% 50%/cover;}

@media only screen and (max-width: 1024px){
  
.site-header{
    height: 192px;
}
}

@media only screen and (max-width: 769px) {
	
body.home{background: url('http://tascafit.pt/wp-content/uploads/2017/03/17200281_1368594826497063_1108742656_o.jpg') no-repeat scroll 50% 50%/cover;}
}

#main { padding-bottom: 0; }

body {
  background-size: cover !important;
}

bump

Hello there,

I am sorry for the long delay.

Visiting your site, the background image looks fine to me as seen on the following screenshot:

Cloudup

Have you been able to manage it? Or, maybe it presents on a certain device and resolution?

Regards,
Kharis

Not really,it still happens sometimes.

I’m using google chrome in Windows 10

1440 x 900

I guess it’s just happening to me,i’ll leave it like this.

Thank your for your patience Kharis

Hello there,

Please try to apply the following CSS code:


@media (min-height:760px) {
  
  .home {
    min-height: 100vh;
  }
  
}

Regards,
Kharis

It worked! :smiley:

Thank you so much

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis