How to make the logo span across the full width of the page with the Avenue Theme

Store Design
,
1

Greetings all, looking for some assistance please on how I can make the logo for the site span across the full width of the page and have the collection links underneath the full-page logo for the following site:

<https://craftyprintcreations.com/>

Thank you!

2

To make the logo span across the full width of the page and have the collection links underneath it, you can use CSS to adjust the layout and positioning. Here’s a general approach to achieve this:

  1. Identify the HTML elements: Find the HTML element that contains the logo and the collection links. It could be a <header> or a specific <div> element.

  2. Set the logo width: Apply CSS to the logo element to make it span the full width of the page. You can use the width: 100%; property to achieve this.

  3. Adjust positioning: Use CSS to position the collection links beneath the logo. You can use properties like position: relative; and top: [value]; to move the collection links down below the logo. Adjust the value as needed to achieve the desired spacing.

Here’s an example CSS code snippet:

/* Make the logo span full width */
.logo-element {
  width: 100%;
}

/* Position the collection links beneath the logo */
.collection-links {
  position: relative;
  top: 20px; /* Adjust the value as needed for spacing */
}