Hamburger Button Issue In WordPress Website - wordpress

I am editing my website with elementor pro and oceanwp theme and added a nav menu widget. It looks and work fine with the desktop and tab mode but when I open it in mobile mode a hamburger icon comes and when I click on this icon the drop down menu is not appearing.
I google this issue a lot but don't get any understandable explanation or any fix for this. Plz plz tell me how can I resolve this issue.
Thanks in advance.

Do you using caching plugin such as Autoptimize, WP Rocket, etc? If so, you can exclude js that responsible to handle menu's movement in your caching plugin. I am using Astra theme and WP rocket. You can view my setting here https://prnt.sc/13721rx

Related

my design wont show properly. is there a way to fix it?

I have designed my WordPress website using Elementor and Porto theme.
suddenly it doesn't work at all and wont show properly.it seems that, the CSS cant work.
here is a screenshot
is there anyway to fix this?
Try heading into Wordpress dashboard, elementor, tools - and then hit that 'regenerate files and data' button. Sometimes this fixes EVERYTHING! Best of luck.

Divi Theme Featured Image of post in admin panel keeps loading

I have integrated Divi theme in a website. In the posts "Featured Image" panel keeps loading. https://i.imgur.com/jXLWb62.png. The image is not displayed in frontend and other images are also broken. Please help me to solve this issue.
Thanks in Advance.
You can go to the Divi > Theme Options > Support Center > Enable the Safe Mode because sometimes 3rd party plugin cause these kind of issues.
I found the solution for my this issue. I added featured image using Divi theme page builder. It successfully added the images and displayed in frontend.

Flatsome Wordpress Theme Mobile Menu Issue

Currently using the Flatsome Theme for Wordpress.
Brief summary:
In the mobile menu, Once opened it shows the first link being pushed to the right. In inspect element is shows that, that area is a class on it own for privacy policy page.
Mobile Menu Issue
Inspect Element on Issue
Any help would be appreciated, Thanks.

Extend WP Page Builder Editor Width

I am using WP Page Builder plugin in my WordPress installation and I am editing the contents through frontend. Is it possible to increase the width of the frontend sidebar of the "WP Page Builder" widget? So, I can edit the text more easily.
Thanks for reading my answer.
Arun so far I have used many page builders in WordPress including Divi, Elementor, Ocean WP and their width can be adjusted using a small arrow which appears when hovering the mouse over its sidebar. Try this or do let me know if you are facing the same issue?
Another solution is to manually set the width in theme editor. Moreover, I have searched for this problem and come up with the answer that, this option is not available because it provides hand-on editing the text for mobile / tablet / laptop screen using the three options appearing at bottom.
Thanks for your time :)

wordpress adding menu overlay on image hover

Hey everyone I normally build sites in laravel but I have a client wanting a wordpress site and so I have been learning about wordpress and would like some guidance on how to add a menu that would appear when a user hovers over an image.
A perfect example can be found on the home page of starwell.cc where a clickable menu shows when you hover over an image. Is this possible in wordpress?
Any help is appreciated thank you!
This would be accomplished with CSS and HTML, with a bit of custom WordPress.
Are you building a theme from scratch, or are you customizing an existing one?
Have you looked for an answer within plugins?
It would take a closer look, but my guess is that it's achievable by custom coding it into the theme and then using CSS and HTML

Resources