Author: Chris

If you have a plugin conflict or need to disable select2 on your site for any reason, you can do so by navigating to…

Simply add this CSS to Theme Options> Advanced Settings: #nav-main ul.sf-menu, .nav-main ul.sf-menu { display: none; } .mobile-nav-trigger-id , .id-kad-mobile-nav, .kad-header-style-three .kad-nav-three { display:…

Add this CSS to Theme Options> Custom CSS: .kad-primary-nav ul.sf-menu, .nav-main ul.sf-menu { display: none; } #kad-mobile-nav { display: block; } #mobile-nav-trigger { height:…

To always show the portfolio captions in your portfolio grid, add this CSS to Theme Options> Advanced Settings: .portfolio_item .portfoliolink { opacity: 1; }…

To show the portfolio hover effects in mobile view, add this to Theme Options> Custom CSS: @media (max-width: 767px) { .portfolio-loop-image-container .portfolio-hover-item .portfolio-hover-item-inner {…

To enable smooth scroll for linking within a page, firstly turn “Header and Footer Script output” ON in Theme Options> Theme Extensions. Save the…

Instead of just adding this in the shortcode box: [kadence_slider_pro id="2"] You can add like this: <div class="my-desktop-slider">[kadence_slider_pro id="2"]</div> <div class="my-mobile-slider">[kadence_slider_pro id="3"]</div>  This is…

Add this CSS to Theme Options> Custom CSS: .portfolio-loop-image-container .portfolio-hover-item .portfolio-hover-item-inner { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } To…

To display the captions for your portfolio in mobile view, add this CSS to Theme Options> Custom CSS: @media (max-width: 767px) { .portfolio-item .portfolio-table…

To always display your portfolio captions without having to hover, add this CSS to Theme Options> Custom CSS: .portfolio-item .portfolio-table { ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:…