Mobile parallax changes

i have a couple of problems with my site ( I tried to change the CSS, but it only works sometimes, or when I publish something it goes back to the original CSS ;( its kinda frustrating.
Most stuff works fine but changes from time to time, if I pretend to change something (eg ad an space) and then save it reloading the new CSS and it works again.

  1. second button color (fine)
    /* 2nd button color /
    .btn.btn-lg.btn-white {
    border-color: #e7a5a4;
    color: #fff;
    background-color: #e7a5a4;
    2nd button hovercolor */
    .btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover { background-color: #f08080;
    color: #fff;
    border-color: #f08080;

My other issue is with the mobile version.
2) It seems when people open it mobile on whatsapp that the pictures aren’t loading.

  1. The headline
    Due to the image its not readable, so I tried to move the headline down, but then the 2nd button disappears. So i tried move the headline down and expand the height of the parallax, it worked at on point, but “something” happend and suddenly it didn’t looked good anymore ;(
    I then tried different version of CSS codes, but didn’t had any luck.

/Move the header to the top @media/
@media (max-width: 767px){ #shapely_home_parallax-2 .align-transform {
top: 55%;
body .parallax-mirror:first-child {
height: 650px;

h1 { font-size: 24px; font-weight: bold;


Thanks for your help

@mikesupport17: Can you please advise me here as you closed my former support post?


@colorlibsupport: Can you please advise me here as you closed my former support post?

Hi there

Your ticket is already closed

@noda @colorlibsupport I dont want it closed! i need help! i never got an answer to my question!