Archived topic
Questions regarding menu and header
5 replies · Started by Barbara on April 8, 2019
Hi,
I just switched to GeneratePress (Sider template) and would appreciate some help to adjust a few things:
1. Is it possible to center “Barbara Milavec Photographer” only, while having the menu set to the left side? Here’s a screen shot to give a better idea of what I mean:
https://screencast.com/t/uCKjgb0T4
When I set the Header presets to the center, it moves my whole menu to the top of the page.
2. Text of some of the menus takes several lines but keeps same spacing, so at first glance, it’s not very clear to the viewer that it’s the one and same menu item. How can I make the menu elemets that take several lines closer one to another?
Here’s the example of what I mean:
https://screencast.com/t/QIQbs2FT
The way it looked with the previous template:
https://screencast.com/t/2sqeThnjuNsi
3. The language switcher at the bottom of the menu is now all CAPS while before it was capitalized + lowercase. Is there a way to change this?
4. Is there a way to make Site Tagline italic? It doesn’t offer me that option but it was italic with the other template, so the font itself does have the italic option.
Thanks in advance for your help!
Hi there,
1. Try this CSS:
.main-title {
text-align: center;
font-style: italic;
}2. Hmm try adjusting the menu item height to what you actually want it to look like, then we can use this CSS to separate each menu item:
.main-navigation .main-nav ul li a {
padding-top: 10px;
padding-bottom: 10px;
}3. Looks like the font you've chosen is only available in the capitalized letters:
https://fonts.google.com/specimen/Julius+Sans+One?category=Serif,Sans+Serif
You can do a quick test by switching the font.
4. Included in #1 above.
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
Hi Leo,
Thanks for your reply.
1. That didn’t work but I played around with the code that is already in the Additional CSS and added
text-align: center;
to this part of the code and it looks ok now:
.site-branding,
.site-logo {
order: 1;
text-align: center;
}
2. That worked nicely, thanks!
3. That’s strange… I did set it to a font with only capitalized letters after trying different options but I swear I tried others fonts too and it didn’t make a difference, it was always capitalized. Now I switched to another font again and it’s not capitalized anymore! Whatever was the problem it seems to be solved :)
4. That makes the Site Title and Site Tagline both italic but I’d like only Site Tagline to be italic. I tried putting “ site-tagline “ in the CSS but it didn’t work, so don’t know which word/CSS code I should use.
Hi there,
the tagline uses the .site-description class.
Perfect, thank you - that worked.
Glad we could be of help.
