Increase header width.

  • Resolved basicsolutions1

    (@basicsolutions1)


    6 years, 6 months ago

    I am trying to increase the width of the header and the size of the font in the header. I am not a coder and a novice on building sites. Can anyone suggest fixes for these issues? I am grateful for any help provided.

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

Viewing 1 replies (of 1 total)

  • Hi @basicsolutions1

    Can you help clarify what you mean by increasing the width of the header? From what I can see, it looks like your header extends the full width of the browser. If you are refering the text inside of the header, there is a max width of 1100px set on it.

    To increase the width there, you can add the following to your themes ‘Additional CSS’ section in the customizer.

    .site-header-wrapper,
.hero {
   max-width: 1600px;
}

    To increase the font size inside of that header area, you can do something along the following lines:

    .site-title-wrapper .site-title {
   font-size: 2em;
}

.site-title-wrapper .site-description {
   font-size: 1.25em;
}

    you can also specify px values instead of em, whichever you prefer.

    Let us know if that helps out!

    Evan

Viewing 1 replies (of 1 total)
  • The topic ‘Increase header width.’ is closed to new replies.

Tags