How do I make the navigation appear on either side of the logo?

Hi there,

do you have any plugin/server caches as that home URL is loading a page that isn't using GeneratePress. Looks like a genesis theme.

Sorry about that. I cleared the cache. You can see the GeneratePress theme now.
I tried to add an empty item to the middle of the navigation but that doesn't seem possible.
Is there any other way to fix this?

Sorry, one last related question. There is also a little box on the header/navigation. I have no idea where this came from. Any idea what it is and how I can get rid of it? Thanks in advance.

Hi Nicole,

Upon checking your website, this is what I see: https://share.getcloudapp.com/GGuEjByB

There are multiple 404 errors as well: https://share.getcloudapp.com/YEuBEw4Y

Moreover, it seems that the page being served is a cached version from Cloudflare: https://share.getcloudapp.com/mXuJXWvK

Can you kindly check your caching plugin and Cloudflare with regards to this?

Maybe these can help:

https://developers.cloudflare.com/cache/how-to/purge-cache

https://docs.wp-rocket.me/article/53-clear-wp-rocket-cache

Kindly let us know how it goes. :)

Sorry about that. I have cleared the cache and turned the caching off until this is sorted.

I used gtmetrix to see how the site looks like for others before I got back to you and it is ok now but the navigation only covers the content area (not the sidebars). That is not how I see it on my screen. Is there a way to have the navigation cover the content and sidebar without it being full screen?

This is how it is seen on gtmetrix:

https://gtmetrix.com/reports/www.101greetingcards.com/0x7vgEoG/

This is now what it looks like from my end: https://share.getcloudapp.com/kpu4xzxR

I also tested this in Firefox and this is what I see: https://share.getcloudapp.com/mXuJXNkK

As shown, the navigation covers the content.

Upon trying to test your site on GTmetrix, I also got the same result. However, this shouldn’t be a theme related issue.

To confirm I tried testing my test website on GTmetrix: https://gtmetrix.com/reports/fazarcon.pluginsupportwp.com/294kWSsx/

Can this still be a caching issue?: https://gtmetrix.com/blog/why-is-gtmetrix-seeing-a-different-version-of-my-page/#:~:text=Summary-,GTmetrix,-simply%20loads%20your

What happens if you try to remove this header widget?: https://share.getcloudapp.com/Wnuqn5o5

Kindly let us know how it goes. :)

Thank you for going to so much trouble. Your support is great. I am glad I moved to GeneratePress.

So it looks like the navigation bar is in the right spot and that is perfect.

From your question, I realized that the square was a header widget which I deleted. That's great too.

Now, only the original problem is still left. The navigation appears under the logo instead of on either sides of the logo.

How do I fix that?

In the CSS you added to split the menu and center the logo look for this line:

.main-navigation ul li:nth-child(3) {
      margin-left: auto;
}

change the nth-child seletor to 4 like so:

.main-navigation ul li:nth-child(4) {
      margin-left: auto;
}

That makes it so the menu splits before the 4th menu item, so you have the first 3 items to the left and the 4th onwards to the right.

It worked! Thank you so much!!!

You're welcome