[Resolved] Questions regarding menu and header

Home Forums Support [Resolved] Questions regarding menu and header

Home Forums Support Questions regarding menu and header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #863179
    Barbara

    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!

    #863294
    Leo
    Staff
    Customer Support

    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 🙂

    #863518
    Barbara

    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.

    #863865
    David
    Staff
    Customer Support

    Hi there,

    the tagline uses the .site-description class.

    #864054
    Barbara

    Perfect, thank you – that worked.

    #864080
    David
    Staff
    Customer Support

    Glad we could be of help.

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