Hello. I recently updated the theme and cornerstone to the latest versions. My site is a simple one page nav site and the menu worked just fine using custom links like #x-section-15 etc. I have not upgraded to Pro or anything like that, but I’m not sure if the section IDs have changed or if I need to enter something new to get all of my menu items to work properly. I have cs-hide-xl etc. code entered into all of my menu items so that they display properly on my different device views. I built the site before the new update where all of elements I previously used are now called “classic”. I added two new content sections to show on small and xsmall views that replace the revolution slider on my site. After adding those it seems nothing works like it should. Even the learn more links which are still classic elements don’t scroll where they should. Seems like some menu items with my original code work and then some don’t. If there is something new I need to adjust or if the IDs have changed please let me know and I can adjust on my site. I did build the site on a test domain provided from my hosting company Bluehost and we recently switched the domain to our actual official domain name. Not sure if that might be causing issues as well. I’ve emptied caches and tried multiple browsers on multiple machines and can’t seem to get it to work right. I appreciate any help you can give me.
Hi there,
Thanks for writing around! I just checked your site and one page navigation is working fine on my end. I tested in different browsers and different screen resolutions and it’s working fine. Have you been able to fix the issue? If you’re still having an issue on your end, try clearing browser’s cache one more time and reload the site and see if this resolves the issue, if it doesn’t then can you please share a video recording of your issue so we can take a closer look?
Thanks!
Hi there! Thank you so much for the response. I will double check the site today and see if it’s working properly. It was on the small and xtra small mobile views that the Integrations menu and the Solutions menu items weren’t working properly. I’ll check it today and get back to you if it’s still acting up. Thanks again!
Okay no problem.
Please let us know how it goes.
Yeah. It’s still not working right. I’ve emptied my cache multiple times and tried different browsers. It started doing this after I added two new content areas for the Solutions section with the new cornerstone builder. After that all of the menus below Solutions like Integration and Learn More all just don’t function. The new content areas essentially just replace the revolution slider on my mobile views. Some browsers solutions doesn’t even show up and I know I’m using the correct cs-hide code on the custom link. Like I said before I built most of my site using classic elements so all of my custom links for the menu were all using the #x-section-13 type code for all of the menu links. When I added the new content sections and tried to use similar code it didn’t work. I read on the forums that supposedly you need to use different IDs than the x-section code to get these to work properly. Is that correct? Should I enter uniques IDs for all of my one page nav menu items and then name each content section the same but without the #? We are really trying to launch this site as soon as we can and this is really the only hold up. I can save a video for you to show you what it’s doing if that would help. Seems to me that it might be acting up because there is a combination of x-section and unique IDs in the one page nav together. What is the correct way to implement the one page nav on the site as of the latest update? Is it the x-section numbers or is it creating your own ID and then linking it up in the menu editor? If it is one or the other than I want to go through and update all of them so I don’t run into any issues in the future with the menu items.
Also I was wondering is there a way to get the nav bar to stick to the top of the browser window like it does on the desktop version of the site? For some reason on mobile it doesn’t work the same once it turns into the hamburger icon. It makes it kind or annoying since you have to scroll all the way up to the top again to get to the menu on the mobile views.
Hey @jacobted,
I checked your site in desktop and phone the links are working fine so giving us a screen recording would definitely point us to the issue you’re facing.
Based on what you said though, there is an issue with using the generated IDs (i.e. #x-section-13). That is because, it can change when you add a section or row. I suggest you assign a meaningful ID to each of your sections like desktop-solution, mobile-solution, desktop-integration, etc. Then use that in your menu like #desktop-solution. That way, it won’t change when you add additional sections.
This is not possible in X but is possible in Pro. You need to seek help from a third party developer to customize it for you or if you know CSS and JS, you can customize it yourself.
Thanks.
Thanks Christian! I did just that. I went through and updated all of the section IDs to be called solutions-xsmall etc. etc. and then relinked them on the menu custom links using #solutions-xsmall. I am noticing that it previews fine in Wordpress and in the builder but for some reason even after emptying the cache it is still showing my old x-section links instead of my current ones that I have saved. I went in and changed my PHP memory limits for normal and max to 512mb and 1024mb max. I know sometimes people have issues getting the changes pushed out live unless they pump up the memory a bit through their hosting file manager/ftp. Recently we also changed the domain from our test url/domain to the actual riconsolutions.com address. Is there anything major that I could have left out that would cause the changes to not go through quickly? This is the first time I’ve had this issue but I know sometimes switching domains can goof things up a bit. I changed the domain in Wordpress and then assigned it in my hosting account as a parked domain. I’m using Bluehost for hosting. Then I used the velvet blues url updater to make sure all images, links etc. were going to riconsolutions.com and not the test url. Everything seems to be working correctly. I wonder if it just takes a little time for the changes to go through to the live site?
Hello There,
There 2 reasons an update is not showing. Either the update didn’t go through or we are seeing cache content. I have check your homepage section ID by inspecting using the browser developer tools and I can see SOLUTIONS, INTEGRATION, and LEARN MORE menu link are using the correct ID that you have added. See this: https://screencast-o-matic.com/watch/cbXY3Y2ZKS
Yes, it might be cache on your part. I have also tested on actual mobile device and one page is working. For future reference, since it is now working on your site, you don’t have to implement different sections for mobile and desktop. HIDE BASED on SCREEN WIDTH or HIDE DURING BREAK POINTS are also available on ROWS. This mean we can call the same section on menu. You can have one learn-more section. In this section there are 2 rows. One visible on mobile, another visible on desktop. That way we don’t to do the extra mile of hiding links on Appearance > Menu.
Hope this helps.
Thanks! That definitely helps out. I appreciate you all getting back to me. I’m currently building another new site using X, so I’ll make sure to keep this in mind when I’m building out the menus on that site. My new site will use a different one page menu for each page to navigate the page sections. Thanks again!
Glad we all could help.
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.