Sub sub menu

  • Hi,
    I was able to change the width of submenu but not able to make sub sub menu of different width than of sub menu as it’s 2 lined which doesn’t look cool.
    Thanks for solution

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter vikasbobi

    (@vikasbobi)

    Kindly answer, if possible.
    Thanks

    Hi,

    I am sorry for the delay.

    Please try adding this CSS code to your site’s Additional CSS under the Customize menu.

    @media only screen and (min-width: 1199px) {
  .sub-menu .sub-menu {
    min-width: 600px !important;
  }  
  .sub-menu .sub-menu > li {
    display: inline;
    float: left;
  }
}
    Thread Starter vikasbobi

    (@vikasbobi)

    Thanks its working but sub menu are not in a line https://prnt.sc/LvpDiZ7LSLcO

    Thread Starter vikasbobi

    (@vikasbobi)

    Kharis,
    One more request can you send CSS to change menu items + sub menu +sub sub menu’s items color on hover at mobile (burger menu) as its white no & it does not nice on light background.

    Thanks

    Hi,

    Please try adding this CSS code:

    @media only screen and (min-width: 1199px) {

  .sub-menu .sub-menu > li > a {
    display: block !important;
    width: 100% !important;
  }
  
}

#mainnav .sub-menu li:hover > a {
    color: #000;
}
    Thread Starter vikasbobi

    (@vikasbobi)

    Dear,
    The width of sub sub menu is changed but its not in 1 row

    @media only screen and (min-width: 1199px) {
  .sub-menu .sub-menu {
    min-width: 600px !important;
  }  
  .sub-menu .sub-menu > li {
    display: inline;
    float: left;
  }
}

    https://prnt.sc/aBtxLXZJHrwJ

    Thread Starter vikasbobi

    (@vikasbobi)

    Used this CSS & now it’s ok but hover color is still not changing

    @media only screen and (min-width: 1199px) {
  .sub-menu .sub-menu {
    min-width: 400px !important;
  }  
  .sub-menu .sub-menu > li a {
    display: block !important;
    width: 100% !important;
		float: left;
  } 
}
#mainnav .sub-menu li:hover > a {
    color: #001
			0!important;
}
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Sub sub menu’ is closed to new replies.