Portfolio Hover Layout to Grid (Mobile)

Description

• change portfolio hover layout (desktop) to grid on mobile
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. Make sure you use Hover Layout

#1.2. Click Gear icon on Portfolio Page

#1.3. Click Advanced > Paste this code

<!-- 09.26c21v2 Portfolio Hover Layout to Grid (Mobile) -->
<script>
window.PortfolioHoverGridConfig = {
  containerSelector: '.portfolio-hover',
  breakpoint: 767,
  columns: 2,
  columnGap: '16px',
  rowGap: '40px',
  ratio: '4:3',
  textSpacing: '12px'
};
</script>
<script src="https://code.beaverhero.com/portfolio/0926c21v2portfoliohovergridmobile.js"></script>

#2. Customize

#2.1. To change number of columns, gap between columns/items, change these lines

columns: 2,
columnGap: '16px',
rowGap: '40px',