Logo and Store name

Logo

Do you have a logo? Hopefully, it’s a great one! The ideal format is an SVG file with a transparent background, which allows for easy scaling and flexibility with section colors. However, PNG or JPG files will also work if that's what you have. Don’t have an image logo? No problem! You can start with a text option, where you can easily enter your company name.

The best logo dimensions depend on a few factors, with orientation being key. For eCommerce and websites in general, landscape orientation tends to work best, but our themes can accommodate any orientation.

For size, we recommend using a logo file where the smallest dimension is at least 200px. If your logo is larger, don’t worry—the theme will automatically generate a properly sized version for visitors, ensuring fast load times, especially on mobile devices.

If you're using an SVG logo and have some coding knowledge, we recommend setting the fill of your logo elements to "currentcolor." This will automatically match the logo’s color to the foreground color of each section, ensuring seamless integration with your theme’s color scheme.

Theme settings > Logo (image file picker for logo)

The range selector below the image picker determines the logo height in the header. For optimal results, make sure there is no blank space around the graphics within the image. This will ensure a cleaner appearance in the header.

Store name

Having a logo is a plus, but you're not required to have one. In any case, we recommend filling your text logo with your store name, as this can be helpful if any issues arise. You can also use this option if you don't have a logo yet. Simply select a font from the gallery, and you're all set!

Theme settings > Logo (text logo input and font selector)

Place Logo or Name in Desired Locations

These branding elements are key features used in the header (or sidebar) and the footer of your store. You may need to adjust the corresponding settings in these sections to ensure they are visible and formatted to your liking.

Pandata theme

Header

In the Pandata theme, be sure to check the Header section, which includes a logo block prepared by default. If you have defined your logo, remember to change the selection from text to image/SVG to display the appropriate version of your logo.

Sections > Header > Logo (logo type selector)

The size of the logo or text in the header section is determined by the Theme Settings > Logo. Make sure to adjust these settings to achieve the desired appearance for your brand in the header.

Footer

We also recommend adding a logo block to the footer. This is particularly beneficial for sites with long content, as it reinforces your brand. You can also choose to use the text version of your logo in the footer for better readability.

Sections > Footer > Logo (logo type selector and size adjustment)

You can slightly adjust the logo size in the footer using the enlargement option. The size will be calculated as a percentage of the selected size in the Theme Settings > Logo.