problem with the menu icon and top arrow

mimakos24
Inactive member
Topic Author
Member

8 years 1 month ago #46866 by mimakos24

problem with the menu icon and top arrow was created 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 to join the conversation.

milos
Support Staff
Moderator

8 years 1 month ago #46868 by milos

Replied by milos on topic problem with the menu icon and top arrow

Hello,

Edit file /templates/hot_cv/css/template_css.css and change this part:

Code:

.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:

Code:

.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 to join the conversation.

Time to create page: 0.149 seconds