CozyStay Documentation

How to change the logo image in the site header after importing a demo:

1. Please navigate to the Admin Bar at the top of the page, and find “Edit with Elementor”.
2. Hover over it to show a drop-down list. Find the site header, its name will vary depending on the demo you imported, for example, it may be “Mountain Hotel Header”, “Island Resort Header”, “Countryside Lodge Header”, etc., the key word is “Header“.
3. Click on it to open the Elementor editor.
4. Now if you cannot see any elements in the editor since everything is white: In the upper right corner of the editor you can find Color Mode Simulator, click “DARK” and the editor background will turn black so you can see what’s on the page. The Color Mode Simulator only works in the editor, it will not affect the page in the front-end.
5. Click on the logo image then you can edit it.
6. In the left sidebar of the editor, you will find the “Custom Image” option. If it is turned off, then the logo image is the default logo image uploaded in the Customizer > Site Identity Section. You can choose to open the Customizer and change the logo image there.
7. Alternatively, you can just enable the “Custom Image” option, and choose another image.
8. To change the logo width, please click on the “Style” tab and change “Width“. Just set the width, and the height will be adaptive according to the aspect ratio of the image itself.
9. To edit the logo for tablet/mobile device view, click the “Responsive Mode” icon at the bottom of the left panel of the Elementor editor, then find the icons for different devices in the top bar that appears at the top of the page. Click on the different device icons to preview and edit content and styles for different devices.