Thanks for the great theme! I'm satisfied with how my website looks from a computer browser so my question is strictly for mobile nav.
Question #1
I have Menus set to display Portfolio Categories. On the computer, if the mouse hovers over, it's set to display the Name with 65% opacity.
On Mobile, however, the Portfolio only displays the Featured Image. There's no easy way to hover over to get the name without clicking into the Portfolio Item.
I'm happy with the browser on the computer but is there a way to always display the Name on the Portfolio Featured Image with a percentage of Opacity on MOBILE only?
Question #2
Is there a way to shorten the space between the Portfolio Title to the Main Menu bar?
Question #3
Is there a way to change the URL/slug for Portfolio Categories ? I want to change it to something shorter like: www.niche.la/portfolio/documentaries
Thanks for the great theme! I'm satisfied with how my website looks from a computer browser so my question is strictly for mobile nav.
Question #1
I have Menus set to display Portfolio Categories. On the computer, if the mouse hovers over, it's set to display the Name with 65% opacity.
On Mobile, however, the Portfolio only displays the Featured Image. There's no easy way to hover over to get the name without clicking into the Portfolio Item.
I'm happy with the browser on the computer but is there a way to always display the Name on the Portfolio Featured Image with a percentage of Opacity on MOBILE only?
Question #2
Is there a way to shorten the space between the Portfolio Title to the Main Menu bar?
Question #3
Is there a way to change the URL/slug for Portfolio Categories ? I want to change it to something shorter like: www.niche.la/portfolio/documentaries
Hi,
Thank you for loving our theme.
1/ Yeah, you can do that by add more this code to Customize > Custom CSS:
@media only screen and (max-width: 767px){.inner-item-portfolio .penci-portfolio-thumbnail a:after{ opacity: 0.65; }
.inner-item-portfolio .portfolio-desc h3, .inner-item-portfolio .portfolio-desc span{ opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
2/ Please add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 767px){body.tax-portfolio-category #header{ margin-bottom: 30px; }
}
3/ Unfortunately, this theme doesn't support this feature
Best Regards,
PenciDesign
Excellent! This worked great.