change width of column in headers

  • Resolved everwill

    (@everwill)


    7 years, 4 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)

  • 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)

    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!

    • This reply was modified 7 years, 4 months ago by everwill.

    Super ?? Glad to hear that did the trick.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘change width of column in headers’ is closed to new replies.