• Author
    Posts
    • #7914
      Olga
      Participant

      Hi, Andre! I am trying to change the header to a more personalized one. I’ve tried deleting the header and using a logo instead and that doesn’t look good at all. I’ve also tried changing the Header image, but the problem is that I cannot remove the current site title & tagline without affecting the spacing in the header which is perfect as it is now. Basically, if I delete the site title & header, there is really not much space above the menu for my new header to fit (i hope that makes sense…). So I was wondering, is it possible to remove both the site title & the tagline without it affecting the spacing in the header?
      If not, how can I change the site title & tagline color (when I try changing it in Site Identity/Customizing, nothing happens 🙁 ) What I did was put a period instead of both Site Title & Tagline, but it is very visible and messes up the design unfotunately.
      If none of these options work, is it possible to change the Site Title font? (I would like to use the Tangerine font)
      My website: https://askyoursoul.org/

      Thanks so much for your time!

    • #7915

      Hi Olga,

      I can see the period on your logo :).
      We can hide the Site Title and Site Description (Tagline) using CSS.

      Navigate to Appearance > Customize > Additional CSS, and enter this code and save:

      .site-title, .site-description {
      display: none;
      }
      .site-branding {
      padding: 60px 30px;
      }
      @media only screen and (max-width: 990px) {
      .site-branding {
      padding: 30px;
      }
      }

      Does that solve it?

    • #7916
      Olga
      Participant

      Hi Ramsey! 🙂
      Oh my gosh, thank you SO MUCH for your help and for such a quick reply!! This totally worked (not being very tech savvy, this feels like a little miracle to me so I’m definitely excited ;))

    • #7917

      You are most welcome! I also suggest testing in tablet mode (resize browser) and in your mobile phone, just to make sure that it all looks fine :).

Viewing 3 reply threads
  • The topic ‘Changing the Header’ is closed to new replies.