Dropdown submenu

[deejayhart]

Okay, I want the dropdown to be –

Same size and boldness as top nav.
Closer to top nav so it feels connected.
No underline.
No box.
No divider.
No highlight.
Samer mouseover as top nav.

Thansk a lot – CSS below.

.full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a {
text-decoration: none;
}

.full-center nav#main-navigation ul.menu,
nav.std-menu ul.sub-menu {
font-weight: bold;
}

nav .menu ul.sub-menu {
background-color: transparent;
}

nav .menu ul.sub-menu li.menu-item > a {
color: #fff!important;
}

div.spinner div{
background-color:#93a1b9 !important;
}

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav .menu ul.sub-menu{
top:70px !important
}
nav .menu ul.sub-menu li.menu-item > a {
    color: #FFF !important;
    font-size: 18px !important;
    font-weight: bold !important;
}
nav.std-menu ul.sub-menu > li{
border-top:0px !important;
}

Thanks
Mohammad

[deejayhart]

Hi there – this is not working! Could you have a look again please?

.full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a {
text-decoration: none;
}

.full-center nav#main-navigation ul.menu,
nav.std-menu ul.sub-menu {
font-weight: bold;
}

nav .menu ul.sub-menu {
background-color: transparent;
}

nav .menu ul.sub-menu li.menu-item > a {
color: #fff!important;
}

div.spinner div{
background-color:#93a1b9 !important;
}

h1.entry-title {
font-family: Lato;
font-weight:100;
font-size:88px;
}

/*Mobile size */
@media only screen and (max-width: 767px){
h1.entry-title {
font-size:48px!important;
}
}

.wpcf7 p {
color: #ffffff;
}

nav .menu ul.sub-menu{
top:70px !important
}
nav .menu ul.sub-menu li.menu-item > a {
color: #FFF !important;
font-size: 18px !important;
font-weight: bold !important;
}
nav.std-menu ul.sub-menu > li{
border-top:0px !important;
}

.fancy-heading-wrap {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
z-index: 9999;
}

[deejayhart]

Also, please see http://new.inspiragraphics.com/about – why is WEBSITE DESIGN in CAPITALS?! I entered all lower case.

[Mohammad – SUPPORT]

Hi,
Please attach a marked screenshot to indicate the issue.
Thanks
Mohammad

[deejayhart]

It’as really simple. On mouseover to the top dropdown, I get two items. Both are underlined (not wanted), boxed (not wanted) and have a white bg rollover (not wanted) – I just need the code for it to look and behave exactly like the top items, with the same mouseover too!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav .menu ul.sub-menu li.menu-item:hover > a {
    background: transparent none repeat scroll 0% 0% !important;
    text-decoration: none !important;
    color: #fff !important;
    background: transparent !important;
}
nav .menu ul.sub-menu{
box-shadow:none !important;
}

Thanks
Mohammad

[deejayhart]

Come on mate – this is still not working! Below is the CSS. Let me explain more clearly.

1) I want the same size and weight as the top nav. Same mouseover.
2) I want the submenu to be close to the top nav. Ideally to the right of the little arrow icon, so aligned with the words.
3) I don’t want the divider.

Thanks! Please take a careful look at CSS this time – I have given you login details so you can save time by checking 🙂

.full-center nav.float-alt-menu ul.menu > li > a, .full-center #header nav.std-menu ul.menu > li > a {
text-decoration: none;
}

.full-center nav#main-navigation ul.menu,
nav.std-menu ul.sub-menu {
font-weight: bold;
}

nav .menu ul.sub-menu {
background-color: transparent;
}

nav .menu ul.sub-menu li.menu-item > a {
color: #fff!important;
}

div.spinner div{
background-color:#93a1b9 !important;
}

h1.entry-title {
font-family: Lato;
font-weight:100;
font-size:88px;
}

/*Mobile size */
@media only screen and (max-width: 767px){
h1.entry-title {
font-size:48px!important;
}
}

.wpcf7 p {
color: #ffffff;
}

nav .menu ul.sub-menu li.menu-item:hover > a {
background: transparent none repeat scroll 0% 0% !important;
text-decoration: none !important;
color: #fff !important;
background: transparent !important;
}
nav .menu ul.sub-menu{
box-shadow:none !important;
}

.fancy-heading-wrap {
box-shadow: 0 12px 12px rgba(0, 0, 0, 0.5);
z-index: 9999;
}

.fancy-heading h1,
.box-content-wrap h6 {
text-transform: none!important;
}

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I have resolved it so please check.
Thanks
Mohammad

[deejayhart]

Thanks – not bad, but can we have the dropdown in line with the words? Not below the arrow, but the same vertically as COMMERCIAL etc? Also, logo squashed on ipad – please sort?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav.std-menu ul.sub-menu{
left:10px !important;
}

Thanks
Mohammad