Astra, header, distance between logo and site title?

  • Resolved clavigo

    (@clavigo)


    5 years, 11 months ago

    Hello everybody,

    I could use some help with this:

    In the Astra theme, I use the header with the logo at the top and the site title underneath.
    Now I want to change the distance between these two elements.
    I did this with this code:

    .site-title {
    margin-top: 30px !important;
    }

    (I know that “!important” is not the best style… ?? )

    Now the problem ist, that this code only affects THE FIRST of a couple of pages I have in the project.
    On all other pages, the distance gets back to the default in Astra.
    This seems unlogical to me, because the header is the same on all pages…
    So what can I do to keep my custom distance between logo and site title in the header on ALL my pages?
    Thanks in advance for any suggestions!

    Regards, Tobias

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter clavigo

    (@clavigo)

    Hello everybody,

    to all who are interested in this problem:
    I found the solution myself (again…:-)).

    By checking the html of the header, I found the correct class selector adressing the box of the site title, called “…-wrap”.
    The code is now like this:

    .ast-site-title-wrap {
    margin-top: 20px;
    }

    This works on ALL pages and even no “!important” needed!

    Regards, Tobias

    Hi @clavigo,

    We are glad that you figured this out. And really appreciate that you posted the solution as well.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Astra, header, distance between logo and site title?’ is closed to new replies.