Styling of menu bar in Admin panel of wordpress is compromised - wordpress

While working on my project. After an unknown point of time, the admin panel in my wordpress installation has some issues.
I have noticed two of them:
1. DISTURBED ADMIN MENU BAR:
The css of left navigation menu bar in admin panel looks disturbed when I click on something. But adjusts fine when I reload the page. And gets cluttered again when I click on a new menu. Please see below a snapshot I have attached:
2. DYNAMIC CONTENT ADDITION IS GONE:
When I create a category and click on the "Add new category" button, it adds the category to the database but doesn't appear dynamically on the right panel.
And appears only after I reload my page.As you can see the category in my case "New category" appeared in the right panel only after a reload.
You can see all the images above displays an ugly menu bar.
I have faced both the issues several times on my previous projects also but could never find a solution online.
If someone has already has already gone through my problems please help me by sharing the solution and letting me know what is the way to troubleshoot it.

Same for me, and it started after wp-login has stopped working. But we can't figure why.
EDIT: I've found a possible solution here, check it folks: Wordpress admin menu messed

The solution is worked for me. Add this in your functions.php
function admin_menu_fix() {
echo '<style>
#adminmenu { transform: translateZ(0); }
</style>';
}
add_action('admin_head', 'admin_menu_fix');
You can check the issue here: https://code.google.com/p/chromium/issues/detail?id=509179#c37

Related

Mobile menu not clickable when submenu is expanded

I’m working on a website for a client and use the Neve theme. I setup the basics (still have to make most pages), but I noticed the mobile menu isn’t clickable when the submenu is expanded. I can’t figure out why this happened, it worked before.
On desktop the menu works like it should.
Website: https://www.by-denn.nl/
After you click to open submenu on mobile, some div with class ".nav-clickaway-overlay" shows up. Just add this in your style.css
.nav-clickaway-overlay { z-index: 0 !important; }
I had the same problem on the pages or post when the function of "Remove unused CSS" of my WP Rocket plugin was active, once I deactivate this function the menu returned to work.
I hope this was helpful.
It is important to check page by page because even if you disable the function in the administration, it can sometimes still be connected to the page or post with the error.

Algolia Search Not working with Genesis theme in WordPress

I am trying to get Algolia Search to work on Genesis child theme.
I have downloaded the Beta WordPress plugin from https://github.com/algolia/algoliasearch-wordpress. While I can see that network wise, everything works well, the Search Results do not show up in the AJAX drop down just below the Search Box.
Another interesting observation is that while the main Search Bar on the front end of the website does not show any results, the small Search bar within the Admin menu on the top right corner of the page does show the results. That is because the Algolia code attaches to any DOM element with [name="s"].
However, I have checked using the Inspect tools that the Main Search bar is also surrounded by Algolia <span class>. As I type into the Main Search Bar, I can see the DOM changing dynamically to add the <div> tags containing the search results. So I know that the network piece is working.
Any ideas or suggestions on what to try?
Other things I have tried:
I placed the Search bar in the footer as well (thinking that maybe the opacity might be a problem in the header). Same result
I have tested the same plugin on a similar site (with identical plugins) but with a non-Genesis theme. It works fine. That is why I have concluded that this might be related to Genesis.
As I stated above, when I type in the Search bar in the top right corner within the WordPress Admin menu, it does work.
For anyone else that is trying to get this to work on genesis, here is the CSS change:
The issue is that the parent .search-form is configured with a weird "overflow: hidden". To fix your theme, just add the following CSS rule:
.search-form {
overflow: visible !important;
}
A new version of the plugin was released recently, 0.2.6 at the time of writing this.
In the new version, the dropdown is no longer injected in the same container as the search input container but is attached to the document instead.
You should no longer need to tweak the CSS like it is shared in your own answer.
You can download the latest version from: https://community.algolia.com/wordpress
Best

Wordpress Sidebar fallen below content

my site is http://goo.gl/T5XTOf
It's a mystique wordpress site and the sidebar has fallen below the main content. When I tried to change the logo image in theme options, it didn't work, so I changed it at the webhost level. I changed the current logo image to a smaller image, the sidebar fell below the main content on all pages and posts.
I changed the logo back to the previous one (Current one) but it didn't solve the issue. So I changed the default template on all the pages to 2 columns with left sidebar and this solved the issue with pages. However, the posts remained the same. I use the post pages for product pages using a shopping cart plugin.
So since the posts did not have options to change the template, I tried using a simple posts template which allowed for several page templates to be chosen. But this did not change anything on the sidebar issue, even when I change the template to 2 columns with left sidebar.
Can anyone help with this? I tried looking over the answers on this forum but none seemed to work. I posted this issue on the theme's forum but have not received any replies for days now.
Try adding this to your stylesheet (appearance/editor/style.css):
#primary-content{
max-width:650px;
margin:20px;
}
#sidebar{
width:220px;
}
Thanks again Redleaf. I tried your edit but it pushed the sidebar leftwards half out of view. Anyway, I have switched to another theme and the website looks better. Thanks for your help

how do i prevent a nav plugin from duplicating itself in wordpress

Someone please help, I'm loosing it, I have started creating a website using different themes, and i needed to add a second menu, so i did. Now, this menu has manifested as a sticky menu at the top of the page and also as a static in the header. Ive gotten it to disappear from the header on several occasions by finagling with the code, but i don't know how i did it, and it eventually keeps coming back. Can someone please assist me in removing the menu from the header, so it is just a sticky at the top of the page?
the site is http://www.dynasty-management.com
Just click on a link, it will show up. If not its still messed up, take my word for it please.
On a lighter note, in the about page and the philosophy page, how do i get the pictures to resize and fit within the lines in a mobile atmosphere.
Please help me...
The menu you have is a premium plugin called stripe by bonfire , not a theme. In order to let it go you will need to deactivate the plugin.
It is a bit strange that you are using such a plugin which is a paid premium one without realising what it is doing ..

Wordpress admin menu post link missing

I'm working on a client's WordPress website and I'm having getting the Posts tab back on the admin panel. It's missing in the page source and I'm not sure where it could have been removed from. I tried disabling plugins, I updated WordPress, I installed an admin menu control plugin and it shows all the other menu items but Posts is missing.
In the template functions.php there was an entry to hide it, I removed it and all others related. Comments was also hidden but reappeared when I did this.
Does anyone know where else the menu item could have been removed from or maybe how to restore it or the menu files?
Any help would be greatly appreciated.
Figured out what it was, a plugin (Magic Fields) had an option to hide the menu.

Resources