[flantascienceParticipant]

I have found multiple posts on here with people trying to adjust the alignment of the navigation bar, yet still can’t seem to figure this out. I’m using the ReNew stack. I can see how to change the spacing between the links, but not the alignment. Ideally, I’ll have the links match up with the outside of the image/text below it. Any tips/CSS?

Jim

[flantascienceParticipant]

Fixed the upload issue here (file size issue).

[Rue NelModerator]

Hi Jim,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password (only if necessary)

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[flantascienceParticipant]

Thanks for the quick reply. The site is hosted locally right now. I only have one API key. If I put the site live on a domain, will I need another API key?

[RupokMember]

Hi there,

Thanks for updating. Yes if you want to keep the localhost active then you need another API Key. However if you revoke the API Key for your local setup then you can generate API Key for the live domain.

Cheers!

[flantascienceParticipant]

k – I got the site uploaded here: http://lkpnettest.flantascience.com/

Can you please take a look and help with the Navi alignment?

[flantascienceParticipant]

This reply has been marked as private.

[JadeModerator]

Hi Jim,

Unfortunately I am not that certain on how you want the main navigation menu to look like? If you want it to level with the pictures underneath, you can simply edit the padding left and right of the CSS you added and slightly decrease the font size.

If you are intending to do something else, please give us more information so we could assist you further. Thank you.

[flantascienceParticipant]

What I want is to either align the Navigation Links to the left, so they start closer to the logo. Right now they are aligned Right. If possible, maybe there is at least some CSS to increase the right-side margin or padding or something that moves them inward. You can see they poke out a bit unusually.

[Rue NelModerator]

Hello There,

Thanks for clarifying. By default the menu is align to the right. To align it to left closer to the logo, please add the following css code in the customizer, Appearance > Customize > Custom > CSS or insert this code in your child theme’s style.css (if you are using a child theme)

.site .masthead-inline .desktop .x-nav {
    float: left;
}

If you want to change the spacing between the menu item, you can set it in your customizer, Appearance > Customize > Header > Navbar > Navbar Top Link Spacing (px).

We also noticed that you are still using X shortcodes. Please deactivate and delete X Shortcodes 3.0.5 plugin. Please take note that X shortcodes 3.0.5 and its functionality has been consolidated into Cornerstone.

We would loved to know if this has work for you. Thank you.

[flantascienceParticipant]

I tried out aligning left and it went way too far. You can see where it ended up in the screenshot.

I think I’m aiming for a certain indent or offset from a full left- or right-align that lines up one side of the text with the edge of my graphics. Then I can use the Link Spacing to make things flush with the opposite side.

Is there a way to shift it?

[JackKeymaster]

Hi there,

Thanks for writing back, try the following custom CSS instead. 🙂

.site .masthead-inline .desktop .x-nav {
    float: left;
    margin-left: 5%;
    margin-top: -4%;
}

Thank you!

[flantascienceParticipant]

AH – I think I got it! Thank you so much!

[JadeModerator]

You’re most welcome.

[flantascienceParticipant]

It seems to look nice on my screen but not on other browsers – is there a way to justify the links so they are flush left AND right?

[Author]

Posts