Archived topic
Love GP now trying Woo How do I customize header?
3 replies · Started by Matthew on November 22, 2018
How do I customize Header or top of page so I get my variation of this site https://bumblebeelinens.com/
Coding is not my passion. It is necessary for my site. Please tell me what to do. Can you tell me what the names of the items are and indicate how to tell location. I want to sell my product. Thanks for your help.
Hi there,
any chance you can provide access to your site so we can see the current setup and advise?
If it requires login you can send them via the Accounts Issue form and please add a URL to this Topic
Hi there,
Are you wanting to add those four columns next to the site logo, specifically?
Let us know :)
To do that, you can use the header widget.
For example add a new HTML widget to the Header widget area, and add something like this:
<div class="header-columns">
<div class="column">
<h4>Heading</h4>
<p style="margin-bottom: 0;">Text</p>
</div>
<div class="column">
<h4>Heading</h4>
<p style="margin-bottom: 0;">Text</p>
</div>
<div class="column">
<h4>Heading</h4>
<p style="margin-bottom: 0;">Text</p>
</div>
<div class="column">
<h4>Heading</h4>
<p style="margin-bottom: 0;">Text</p>
</div>
</div>Then add this CSS:
.header-widget {
max-width: none;
}
.header-columns {
display: flex;
}