problem with the menu icon and top arrow

More
2 years 9 months ago #46866 by mimakos24
please look.....
foufashouses.gr/
in mobile version in adroid the menu and the top arrow is moving in home page but not in the other menu pages

Please Log in or Create an account to join the conversation.

More
2 years 9 months ago #46868 by milos
Hello,

Edit file /templates/hot_cv/css/template_css.css and change this part:
.arrowdown {
	text-align: center;
	position: absolute;
	bottom:70px;
	z-index: 10000;
	width: 100%;
	font-size: 300%;
	color: #fff;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

.arrowdown a {
	color: #fff;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

with this:
.mp_top1 {
	overflow: hidden;
}

.arrowdown {
	text-align: center;
	position: absolute;
	bottom:70px;
	z-index: 10000;
	width: 100%;
	font-size: 350%;
	color: #fff;
}

.arrowdown a {
	color: #fff;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: pulse;
	animation-name: pulse;
	display: block;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
  }

  50% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
  }

  50% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
  }
}

If you don't see the changes in your Android device after this, please clear browser's cache.

Regards,
Milos

Please Log in or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.109 seconds