Hero Widget Position

  • Resolved Atherin

    (@atherin)


    5 years, 11 months ago

    Hello. I am using the primer theme. I am trying to have the hero text/button sit on the left and Logo evenly placed on the right – so I can reduce the Header size. Can someone help with this?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • hi @atherin

    You would need to add some custom CSS to your theme. You could place the CSS into the ‘Additional CSS’ section of the customizer. You can get there from your website dashboard by going to Appearance > Customizer > Additional CSS.

    .site-header-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

	.site-title-wrapper {
		text-align: center;
		order: 2;
	}

.primer-hero-text-widget h6:nth-child(2) {
	margin-bottom: 0;
}

    You should end up with something along the following lines:

    That should be a solid start. Let us know if that helps!

    Evan

Viewing 1 replies (of 1 total)
  • The topic ‘Hero Widget Position’ is closed to new replies.