change width of column in headers

Resolved everwill
(@everwill)

6 years, 5 months ago

I generally have a 2 column lay-out with the Site Origin golden ratio in the main content panel. I’d like to have the same ratio in my header between the headline and breadcrumb. How do I make this change?

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

Viewing 3 replies - 1 through 3 (of 3 total)

(@puro)

Hi Will

Assuming I understand, you’d insert into Custom CSS:

.single .entry-header h1.entry-title, .page .site-content>.entry-header h1.entry-title, .blog .page-header h1.page-title, .search-results .page-header h1.page-title, .search-no-results .page-header h1.page-title, .error404 .page-header h1.page-title {
	width: 70%;
}

.entry-header .breadcrumbs, .page-header .breadcrumbs {
    width: 30%;
}

And then adjust as required.

Back online tomorrow with a clearer head. Can reply to any follow-up questions then.

Thanks 🙂

Andrew

Thread Starter

everwill

(@everwill)

6 years, 5 months ago

Thanks! Adjusted to this:

/* Header Width */

.single .entry-header h1.entry-title, .page .site-content>.entry-header h1.entry-title, .blog .page-header h1.page-title, .search-results .page-header h1.page-title, .search-no-results .page-header h1.page-title, .error404 .page-header h1.page-title {
width: 61.8%;
}

.entry-header .breadcrumbs, .page-header .breadcrumbs {
width: 38.2%;

Worked perfectly. Thanks!