How to use our mockups – Mockup.Maison

.section-sidebar { display: block !important; } @media (min-width: 1024px) { .section-sidebar { display: none!important; } } .sidebar-container { position: static; width: 100%; max-width: 100%; border-right: 0; display: none; } .section-sidebar:focus-within .sidebar-container { display: block !important; }

Mockup.Maison

Using our mockups is very straightforward. Just follow the steps in the short tutorial.

1. Open the mockup in Adobe Photoshop.
2. Double-click the Smart Objects thumbnail in the Layers-Panel named “YourDesignHere”.
3. Place your design in the newly opened window showing our design.
4. Save and close the window.
5. Adjust the opacity of the layer or folder named “Shading” and other features to your liking.
That’s it!

For a flawless experience, make sure you use the latest version of Adobe Photoshop.