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
Related
`AM kasingye Viva Junior Web developer, am facing a problem when i want to make the whole column in wordpress clickable as a link``
Just wrap the whole column you want to link in an a tag.
If you are using Elementor pro then you can apply the link via CSS through Advance Tab
If you are using Gutenberg then you can apply the link via CSS through Advance Tab by installing another plugin named Spectra - WordPress Gutenberg Blocks.
Spectra - WordPress Gutenberg Blocks:
Power up the Gutenberg editor with advanced and powerful blocks that help you build websites in no time! This first Gutenberg plugin is here to make website building an ultimate journey.
Check out this plugin from the WordPress directory
May Be you ask: Where to place CSS?
Here is the simple answer to this:
For Elementor, you can define CSS styles in Custom CSS at the end of the Advance Tab
For Gutenberg, You can add styles in the related CSS file or in the Custom CSS section in the Admin or Customization Panel.
I hope It'll help you!
I am trying to implement a navigation menu same as https://www.santaferelo.com/
On top bar, it has two links as Personal and business which each opens to the pages with the different main menus.
So far I created similar layout using elementor with two buttons as personal and business but can't figure out how do I show which one is active and how do I change the Main menu accordingly.
Kindly provide me with a direction or any help is appreciated.
Thank you in advance.
Turns out it is a lot simpler than I thought.
You can just use a specific plugin to add a conditional menu to the WordPress website and add conditions to display menus.
Eg. Plugin - Conditional Menu
Still, more suggestions are welcome on how can I do it without using a plugin.
Thank you
I am using the wordpress Hestia theme.
I am doing an education research project and developing a website http://foresighthk.net.
I would like to make my words appear only when scrollbar scrolls down.
May I know if anyone would know how to do that animation in wordpress site?
Thanks
You can go to animate.css to search for the desired css effect then add into the .css file
I have started using wordpress yesterday and it's great. I really have so much to learn about PHP but the default php scripts are quite comprehensive for me but not everything. My objective is to create a custom nav button (MouseOver and MouseClick effect) but I can't seem to find where I should edit. I'm trying to change the default black and white Nav mouse hover effect of the twentyeleven theme. I tried looking at the style.css script but it does not show what I'm looking for.
hi here are some links which help you to start editing wordpress nav menu and style it
how it works :-
http://codex.wordpress.org/Function_Reference/wp_nav_menu
wp_nav_menu
function help to add menu in frontend you can find it in header.php
if you want to change class of div you need to go function.php
below are the link which will help you to achieve what you are looking for
http://kav.in/wordpress-dropdown-menu-wp-nav-menu-css/
http://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/
20+ plugins for better navigation ->
http://www.tripwiremagazine.com/2013/02/wordpress-menu-plugins.html
I'm using the financio Wordpress theme and I'm trying to update the images in the slider using some of the information in your video. For some reason my picture is off centered. Can you please take a look and see if you can tell me what I'm doing wrong? My website is www.brittanymcalpin.com