- This topic has 10 replies, 4 voices, and was last updated 6 years, 5 months ago by
.
-
Posts
-
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…?
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?
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?
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 🙂
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 🙂
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.
I could not see any changes after adding this CSS
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.
Additional CSS.
No changes to the Site title, so I removed it.
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.
now it works…
- You must be logged in to reply to this topic.
