PerfectCaptureBooth

Change it to this
/* hide items on mobile */ [data-folder="root"]>div:first-child>div:first-child>div:nth-child(2), [data-folder="root"]>div:first-child>div:first-child>div:nth-child(3) { display: none !important; } </style>  

Welcome!

Thanks a ton @creedon ! This fixed it!

Go to Page Settings > SEO > SEO TITLE for the page. Put your text insertion point just before the first letter of the title and hit backspace.

remove seo title first return.mp4   Let us know how it goes.

Solved it all! Thanks!

Did you solve all or still need help?

Update : 
So I'm trying this code instead, where I changed the "hide items on mobile " coding completely. And so far, this seems to work correctly.

<style>
    /* hide items on desktop */
    nav.header-nav-list>div:nth-child(2), nav.header-nav-list>div:nth-child(3) {
        display: none;
    }
    /* hide items on mobile */
 .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(2), .header-menu-nav-list [data-folder="root"] .header-menu-nav-folder-content > div:nth-child(3)
  {
  display: none !important;
}
    </style>

I see you solved by changing page background color & align center image/text?

Yes! I ended up doing the page collection, and adding a code in the CSS area :

//main page remove header and footer
#collection-64cc8d43e9b3b21c0a852809{
 footer, header{
  display: none !important;
 }
}

Rather than putting it on the page specific coding. Then I put the buttons into one section, rather than two sections and coding 1 image to stretch across the full page!

Hi,
I see you solved this?

Genius man! I went with the third long shot option lol. 

I added the same image + divider in between the two footers, with the same spacing. Then hid it throughout the site. Now the footer looks perfect all throughout the Spanish version as well!

Thanks for all the help dude! Can finally say my website is done after like 3 months and practically learning to code haha. Appreciate the help!!

Ah! Sorry dude, I think I just figured it out.

I went ahead and got the collection ID, then put it in front like this

#collection-64ae2db8c985285b706efd61
.image-block:hover {
filter: opacity(.8);
transition: 2s;
}
But overall, I don't feel I am correctly coding the "transition" part, as it seems to do nothing

Edit: used the Section ID instead, since the collection ID was causing the footer image to have the hover effect

//gallery hover images
section[data-section-id="64ae2eb591f68f5e8f7ec9fa"]
.image-block:hover {
filter: opacity(.8);
transition: 2s;
}
 

Hmm that's weird, I'm not seeing it anymore on my end, but it was super bad all throughout the day. 
Since I posted this, all that I've done was add a few more pages, and also delete some images that were unused from the asset Library. 

Haven't touched the coding or anything.

Maybe it was the asset library? Though I don't even have that many images compared to other people's websites.