Architect2 - Mobile View of Portfolio not good
Hey,
i have a problem with the "Architect2" Theme:
If you see this in mobile-Version you only see "read more" but we would need the name of the project, just like in desktop view. Only seeing "read more" in mobile is very unpractical...
Is it possible you could tell us a small code snippet how to archive this ?
Thank you!
Best Wishes
Dennis
Is it possible you could tell us a small code snippet how to archive this ?
Thank you!
Best Wishes
Dennis
Comments
I edited the code a bit more in regards of styling and now its working perfectly in mobile with smaller text!
@media (max-width:768px){
.portfolio-details .details{display:block !important;}
.portfolio-details .more{display:none !important;}
.portfolio-photo .portfolio-item .portfolio-details .details .title {
font-size: 12px;
line-height: 14px;
border-bottom: 1px solid rgba(0,0,0,.1);
padding-bottom: 7px;
margin-bottom: 6px;
}
.portfolio-photo .portfolio-item .portfolio-details .details {
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 240px;
padding: 10px 20px;
text-align: center;
}
.categories {
font-size: 10px;
}
.portfolio-photo .portfolio-item .portfolio-details .details, .portfolio-photo .portfolio-item .portfolio-details .more {
background: rgba(255, 255, 255, 0.95);;
}
}