[Support request] Site title padding is possible?

Home Forums Support Site title padding is possible?

  • This topic has 10 replies, 4 voices, and was last updated 10 months ago by Sibi Paul.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1071561
    Sibi Paul

    Hello,

    I’m working on a new site with GP.

    the site required a very tiny header bar…

    check this,

    Site title is little top than menu items…

    I wish to make it on a line…

    need to add some space at the top of the title..

    is it possible?

    or,

    simply make the top bar little big, by increase primary menu pading…?

    #1071562
    Sibi Paul

    Now, site title font size is 30 ( I increased it )

    When I make it Small ( size 20 )

    then, it goes to the top…

    at that size, I wish to add some space from top…

    is that possible?

    #1071566
    Sibi Paul

    Played around

    Primary navigation + layout header

    adjusted header font size

    Still, need some more space from top.

    when adding primary menu height, then there a gap coming above the menu hover…

    so, the best idea is, padding the site title only…

    is it possible?

    #1071636
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    It might be better to use our Navigation as Header option: https://docs.generatepress.com/article/navigation-as-a-header/

    Then you should be able to do this:

    .navigation-branding {
        padding: 20px;
    }

    Let me know πŸ™‚

    #1071643
    Sibi Paul

    when I check on navigation as header option

    in mobile the logo text ( site title ) disappeared…

    so, I unchecked it…

    Just looking to padding site title..

    is that possible?

    if not, I will adjust something with menu size or header tab size πŸ™‚

    #1072643
    David
    Staff
    Customer Support

    Hi there,

    add this CSS to vertically align the Title with the menu items:

    @media (min-width: 769px) {
        .inside-header {
            display: flex;
            align-items: center;;
        }
        .site-branding {
            margin-right: auto;
        }
    }

    Then you can add top / bottom padding to the Site Header.

    #1072957
    Sibi Paul

    I could not see any changes after adding this CSS

    #1073106
    David
    Staff
    Customer Support

    Where did you add the CSS? I can’t see it on the site – can you add it back in so we can take a look.

    #1073170
    Sibi Paul

    Additional CSS.

    No changes to the Site title, so I removed it.

    #1073174
    Leo
    Staff
    Customer Support

    Can you add it in and leave it so we can see why it isn’t working?

    Make sure to clear any caching plugins or server cache you might be using.

    #1073259
    Sibi Paul

    now it works…

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.