Concrete
For All Your Needs
Untuk kebutuhan di sektor beton kami menyediakan beberapa produk yang mendukung seperti Tiang Listrik Beton, U-Ditch, dan juga Box Culvert
Our Focused Products
/*.ast-menu-toggle{*/
/* background-color: salmon;*/
/*}*/
#ast-desktop-header{
position:fixed;
width:100%;
transition: background-color 0.3s ease;
background-color: rgba(0, 0, 0, 0.5);
}
#ast-desktop-header ul li a {
transition: color 0.3s ease;
color: white;
}
#ast-desktop-header ul li:nth-child(3) .sub-menu{
background-color: rgba(0, 0, 0, 0.5);
}
/*#ast-mobile-header{*/
/* position:fixed;*/
/* width:100%;*/
/*}*/
#ast-desktop-header ul li:nth-child(3) .sub-menu.active{
background-color: white;
}
#ast-desktop-header ul li a.active{
color: black;
}
#ast-desktop-header.active {
background-color: white;
}
@media (max-width:767px) {
.ast-menu-svg path{
transition: fill 0.3s ease;
fill: white;
}
.ast-menu-svg path.active{
fill: black;
}
.ast-mobile-header-content{
background-color: salmon;
}
#ast-mobile-header{
position:fixed;
width:100%;
transition: background-color 0.3s ease;
background-color: rgba(0, 0, 0, 0.5);
}
.ast-menu-svg {
/*background-color: blue;*/
}
#ast-mobile-header ul li a {
transition: color 0.3s ease;
color: white;
background-color: rgba(0, 0, 0, 0.5);
}
#ast-mobile-header ul li:nth-child(3) .sub-menu{
background-color: rgba(0, 0, 0, 0.5);
}
/*#ast-mobile-header{*/
/* position:fixed;*/
/* width:100%;*/
/*}*/
#ast-mobile-header ul li:nth-child(3) .sub-menu.active{
background-color: white;
}
#ast-mobile-header ul li a.active{
background-color:white;
color: black;
}
#ast-mobile-header.active {
background-color: white;
}
.ast-mobile-header-content .menu-item{
transition: background-color 0.3s ease;
background-color: rgba(0, 0, 0, 0.5);
}
.ast-mobile-header-content .menu-item.active{
background-color: white;
}
}
@media (max-width: 1024px) {
/* .ast-icon{*/
/* background-color: limegreen;*/
/*}*/
/*.ast-mobile-svg{*/
/* color: white;*/
/*}*/
.mobile-menu-toggle-icon{
/*background-color: limegreen;*/
/*color: white;*/
}
.ast-button-wrap{
/*background-color: rgba(0, 0, 0, 0.5);*/
/*background-color: blue;*/
}
#ast-mobile-header{
position:fixed;
width:100%;
transition: background-color 0.3s ease;
background-color: rgba(0, 0, 0, 0.5);
}
#ast-mobile-header ul li a {
transition: color 0.3s ease;
color: white;
}
#ast-mobile-header ul li:nth-child(3) .sub-menu{
background-color: rgba(0, 0, 0, 0.5);
}
/*#ast-mobile-header{*/
/* position:fixed;*/
/* width:100%;*/
/*}*/
#ast-mobile-header ul li:nth-child(3) .sub-menu.active{
background-color: white;
}
#ast-mobile-header ul li a.active{
color: black;
}
#ast-mobile-header.active {
background-color: white;
}
.ast-mobile-header-content .menu-item{
transition: background-color 0.3s ease;
background-color: rgba(0, 0, 0, 0.5);
}
.ast-mobile-header-content .menu-item.active{
background-color: white;
}
}
jQuery(document).ready(function($){
let header = $('#ast-desktop-header');
let headerMobile = $('#ast-mobile-header');
let subheader = $('#ast-desktop-header ul li a');
let subheaderMobile = $('#ast-mobile-header ul li a');
let submenu = $('#ast-desktop-header ul li:nth-child(3) .sub-menu');
let submenuMobile = $('#ast-mobile-header ul li:nth-child(3) .sub-menu');
let subMenuItemMobile=$('.ast-mobile-header-content .menu-item');
let toggleMenu=$('.ast-menu-svg path');
let scrollTrigger = 50;
$(window).scroll(function() {
if ($(this).scrollTop() > scrollTrigger) {
header.addClass('active');
subheader.addClass('active');
submenu.addClass('active');
headerMobile.addClass('active');
subheaderMobile.addClass('active');
submenuMobile.addClass('active');
subMenuItemMobile.addClass('active');
toggleMenu.addClass('active');
} else {
header.removeClass('active');
subheader.removeClass('active');
submenu.removeClass('active');
headerMobile.removeClass('active');
subheaderMobile.removeClass('active');
submenuMobile.removeClass('active');
subMenuItemMobile.removeClass('active');
toggleMenu.removeClass('active');
}
});
});