Navigation Collapsed have disappeared

Hi,

Just as I am launching my website I am running into issues with my collapsed navigation not showing up in my header. I have tried everything but they aren’t there. Please help.

Hi There,

It seems to work fine on my end:

Could you please send us with your screenshots?

Thanks.

The two Navigation Collapsed menus are not showing up in Container 5 on my editing screen. One is my top menu and the other is my buddypress menu. Top menu has Home, About and Contact (which should also be in the collapsed menu). The buddypress menu has everything listed in the second screen shot. The screenshots you showed me are from a cell phone and that is the only place the collapsed menus actually show up and they aren’t even correct.

This screenshot is what I get when I am logged out of editing and clicking on my website link from google…totally different again. I would appreciate any help you can give me as I am doing this on my own (convinced from the xtheme ads that I didn’t require any coding experience, but now I am doubting it)

Hi There,

The Container where you placed the 2 Navigation Collapsed element is hidden on extra large, large, medium, and small screen, that is why we are only seeing it and its element on extra small screen (480px and below).

This is all possible with the Hide During Breakpoints option of the container.

screenshot

Basically, this container was setup to be specifically visible on mobile and hidden on desktop, while the container before it is the opposite it was setup to be visible on desktop and hidden on mobile. This setup provides you a flexibility to have a different header layout/element on different screen sizes.

If you need this 2 container to be visible on all screen size, you can simple turn off all the Hide During Breakpoints options of this containers.

If the Navigation Collapsed element is not displaying the correct menu items, then most likely you did not assign the correct menu.

screenshot

Hope it helps,
Cheers!

Thank you for your feedback. I have turned on and off the breakpoints as I am editing for computer, tablets and mobile phone. For some reason it is now working even though I spent hours trying to get it to work.

I still need help with why my log out page is looking like this? It tells me to create a menu when clearly they are already created? And my homepage is suppose to be my landing page but I can’t seem to get it to stay like that. I have zero experience with building a website and zero experience with coding that is why I researched and bought xtheme. I also work full time so I need as much information as possible without days in between these responses as my website is now live.

https://www.flourishingfriendships.club/membership-signup/?_s2member_vars=page..level..0..page..606..Lw%3D%3D&_s2member_sig=1510829753-16fc98516afaac9e204f4f735a6c31a8

Thanks again for your time and effort.

Hi There,

Another support member here, your credentials do not work.

It says the password is incorrect.

We would need to check your website to better understand what is happening.

Please set a simpler password for now and double check before providing it.

Thank you

Hi there,

I still can’t log in with the provided credentials. I tried different combinations from the two set of credentials.

Plus, it has two top header, the second top header contains the Create Menu button, you may remove it and assign another header to that page where there is no menu.

Thanks!

You are correct and I don’t know what is going on. Everytime I log in I have to re-enter my password as it keeps an old one and it won’t retain it. What is going on? I have two headers, the top menu and the buddypress main and have assigned it to be global. The create a menu all of a sudden starting showing up this week. I don’t know where to go to fix it.

Hi there,

I see, so it’s the same page logged in or not, hence, it’s the same header and since the menu items are only available for logged in users then the Create Menu will appear. How about we just hide it, please add this CSS to your global custom CSS.

    .page-id-1149 .hm13.x-menu:not(#menu-buddypress-main) {
        display: none;
    }

Hope this helps.

This screenshot is my website as a logged out user.

Or, if I am guessing correctly, anyone who visits my site. How is one to log in with the buddypress menu not showing up? I really need help with whatever is going on with my menus, they were perfectly fine a week or so ago.

Were you able to log into my site?

Hi there,

I finally managed to access the website. At first, it gave me the Sorry, You are not allowed to access this page error, but then when I went to another page I saw the top admin bar and managed to access the dashboard.

After a little bit of investigation, I found out that the problem is caused by a plugin called: s2Member Framework.

I think it is a wrong setting there that causes the About and Contact pages go behind the logged in user shield and not show for the guest user.

As soon as I deactivate that plugin, the logged out users can access the menus in the header.

I am not sure as I do not know about that plugin. Anyway, I found out that our theme and the Header/Footer builder work ok and you need to contact the s2Member Framework plugin developer to get directions on how to setup stuff correctly.

Thank you for patience and cooperation during this week, I know this can be frustrating to wait a long time to find the root cause of the issue, but at least I think finally we found the cause.

Cheers.

I am so glad you were finally able to get in! Thank you so much for the investigation and the root cause, so I know who to seek answers from.

I have appreciated everything all you guys have done for me this week. If you could provide me with a CSS code to fix the title of my forums, example given ‘Entertainment’ to be bigger (like I was able to get for the content totals) it would make my day :slight_smile:

Try this:

.buddypress .x-list-item-header {
    font-size: 12px;
}

Thanks.

Unfortunately it didn’t work :frowning:

In this case, you’ll need to hire a developer to investigate the font-size issue as this is getting into custom development. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at pinnacle@theme.co if this is of interest to you.

Thank you for your understanding.

Thank you, I have contacted them.

You’re welcome!

Unfortunately the reply I received said they only deal with Enterprise level projects. So I am lost as this forum can’t help me and neither can your paid developing service :frowning:

The code I’ve given you was working. The font-size is just 12px so it didn’t make a difference. Sorry about that. I’ve drastically changed so you could see that it works. Please don’t treat the code we give in this forum as a final solution though because mostly, they only serve as a guide. You should learn CSS yourself and you can override anything in a theme or plugin. For more details about font-size, please see this tutorial.

For more customizations, you can find freelance web developers in sites like UpWork or Fiverr.

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.