link hover change parent element style

Submitted by kiwis on Mon, 2020-11-23 22:30

So I have an unordered list, with list items containing hyperlink tags

<ul>
 <li> 
  <a href="#">Tag</a>
 </li>
<ul>

On my LI tag, I have a border bottom set to the background color.

When my link is hovered I want to change the color of it?

How do I change the previous elements style?

ul li a:hover{
 text-decoration: none;
 color: #Blue;
}
 
ul li a:hover li{
 border-bottom: solid 5px #Green;
}

How add multiple links of the pages in mobile navigation menu

Submitted by libra85 on Thu, 2020-07-30 04:57

I created a mobile navigation menu which display navigation icons in the bottom of the mobile screen. I linked google icons page where I'm taking the icons. All 5 icons are displaying in the bottom of screen, however now I'm stuck and don't have an idea how to add links of pages in the menu bar. I mean there is icon with three bar for main menu, like I want to add contact.html, blog.html, images.html in that icon. I mean whenever user click on the three bar it should display the links of these pages where user can click on of those and read. I appreciate your help.

Here is HTML code;

Hide menu home slider and active it when page scroll down ?

Submitted by jacklin on Mon, 2018-10-29 11:51

Hide menu home slider and active it when page scroll down

One line horizontal menu breaks up when using id element for separation from other code.

Submitted by tradeweb on Sat, 2017-05-06 15:11

The code below creates a one line menu using a header text plugin in WP but it breaks the styles in the rest of the home page. I am trying to use the #hmenu id element to limit the styling to just the hmenu section. When I remove the remarks to activate the #hmenu element it turns into a verticle menu?

Any help will be appreciated as I am new to CSS styling. Thanks and regards, Kerry McNally

<!DOCTYPE html>
<html>
<head>
<style> 
/*#hmenu{*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #3082AB;
}
 
li {

help to remove responsive theme

Submitted by djpete1959 on Thu, 2016-09-08 03:49

I am hoping someone can help as I have tried without success so far.

All I want to do is remove the responsive menu as shown on this pic.
http://i.imgur.com/kI6cwbu.png

website is http://www.hostingwebdesign.com.au/cmstest/

I need to hide or remove that menu in mobile mode as it doesn't have the submenu feature.
Once I hide that then I can install Blur Mobile Menu which works fine.

Appreciate any help.

Note that the page needs to be in mobile view to see the menu of course.
By using emulator or live on your phone.
I used this..
http://iphone4simulator.com/

Syndicate content