Docs

[Michal K]

Hello there,

I built an online course platform some 3-4 months ago. Created a custom sidebar and put a menu there.

It looked nice. (screenshot attached – sorry about the quality, it is taken from my youtube vid).

I logged in today and the sidebar looks weird and different – a regular bullet point and link (see second screenshot with just red links…) Can somebody explain why it could have happened? I obviously did some X theme and plugins updates. Is that due to the new menu plugins being implemented?
Thanks!

my url: http://www.biznesowerewolucje.com
the url in question (with the weird menu) is “behind” a membership site so cannot post a link here.

[Michal K]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! Regretfully we cannot check your site. It is asking for another info (http://prntscr.com/c8cf3y). Please provide the correct access or at least disable the Google Authenticator so that we can take a closer look at your site.

Please let us know how it goes.

[Michal K]

The link/login credentials were not to login to wp-admin. It was to access the membership page to see the menu.

[Michal K]

This reply has been marked as private.

[Rad]

Hi Michal,

Is it custom coding or template? It doesn’t have the correct structure of widgets, it’s just plain <ul></ul>. Widgets should have at least has .widget class wrappers.

Would you mind providing your FTP login credential as well?

Thanks!

[Michal K]

This reply has been marked as private.

[Michal K]

I don’t recall any custom coding. I use few plugins to achieve the menu in sidebar and a nav role menu plugin to show menu based on the current role of the user. I also use a floating sidebar widget.

Plugin that have something to do with menu / sidebar:
Custom Sidebars
Nav Menu Roles
Nav Menu Roles + WooCommerce Memberships Bridge
Q2W3 Fixed Widge

[Thai]

This reply has been marked as private.

[Michal K]

This reply has been marked as private.

[Nabeel A]

Hi again,

.x-sidebar .menu {
    overflow: hidden;
    margin-left: 0;
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,0.1);
    list-style: none;
    border-radius: 6px;
    background-color: transparent;
    box-shadow: 0 1px 1px rgba(255,255,255,0.95);
}
.x-sidebar .menu li {
    line-height: 1.7;
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 0.65em 0.85em;
    line-height: 1.5;
    box-shadow: 0 1px 1px rgba(255,255,255,0.95);
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    list-style: none;
}
.x-sidebar .menu li a {
    display: block;
    color: #848484;
}
.x-sidebar .menu li a:before {
    line-height: 1;
    text-decoration: inherit;
    opacity: .35;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0da";
    padding-right: 0.4em;
}

Let us know how this goes!

[Michal K]

Hmm…ok, I pasted it and it worked. Do I have to paste the code on every single page that has this issue? Why is this happening anyway?

Is there maybe any other way to have a menu in the sidebar on particular pages?

[Rue Nel]

Hello There,

Thanks for the updates! You can always place the code in the customizer, Appearance > Customize > Custom > CSS, so that it will apply to the pages that will need it. And by the way, if in any case the site users will still see the same, it could be because of a caching issues because you have the following:
1] W3 Total Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

2] Since you are using SiteGround, could you please disable the supercacher in your hosting panel? The SuperCacher is developed by SiteGround exclusively for their customers. It increases the number of hits a site can handle and boosts the website loading speed. The SuperCacher includes 4 different caching options for maximum optimization of your websites. You can access the tool by clicking on the SuperCacher icon in your cPanel.

For more information about this, please check it out here: https://www.siteground.com/tutorials/supercacher/supercacher_intro.htm

3] CloudFlare, please keep in mind that after doing every updates and making any site changes, you need to login to your CloudFlare account and clear all site caches when updating/making site changes so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Hope this helps.

[Author]

Posts