Shop Categories

X

Reply To: Replace desktop logo with mobile logo when mobile

Home Forums Agama Pro Replace desktop logo with mobile logo when mobile Reply To: Replace desktop logo with mobile logo when mobile

#26369
Diego Letelier
Participant

Hello Zex!

It is the same as before. Something else that I should do?

This is how the new CSS looks like.

#top-bar{
background-color:grey!important;
}
#top-social ul li a {
color:white!important;
}
.agama-primary-nav,
#agama-logo img{
float: none!important;
display:inline!important;
}
.agama-primary-nav {
float: none!important;
left:26%!important;
max-width: 65%!important;
}
.top-links {
margin-left:37%;
}
#top-bar .pull-left{
float:none!important;
}
#comonace,
#cientifico,
#materiaprima,
#personas{
content:””;
display:block;
height:150px;
margin:0px 0 0;
z-index: -999;
}

@media (max-width:992px) {
.sticky-header.sticky-header-shrink {
position: fixed!important;
height:80px!important;
}

nav.mobile-menu {
position: fixed!important;
width: 100%;
top: 80px!important;
height: 220px!important;
overflow: auto!important;
z-index:9999;
}
}
@media only screen and (min-width: 993px) {
#agama-logo .logo-mobile{
display: none;
}
}
@media only screen and (max-width: 992px) {
#agama-logo .logo-desktop{
display: none;
}
}
#footer-wrapper .site-info{
text-align:center;
width:100%!important;
margin:10px auto;
}
#footer-wrapper .social {
float: right;
}

Regards,
Diego

Limited time offer : 50 % off : Apply Coupon Code at checkoutnewyear50