Return to previous page

Menu bar - by BrokenDancer - on WordPress WooCommerce support

This topic has 16 replies, 4 voices, and was last updated 9 years, 7 months ago ago by Eva Kemp

BrokenDancer

Participant

April 24, 2015 at 14:39

Hi,

1. submenu from “tuinmeubelen” looks kinda weird suddenly, words are way to the left and the white block is kinda large and there is a lot of space between the white block and the menu bar.
When I hover my mouse over it, it disappears so I cannot choose any menu item.
https://dl.dropboxusercontent.com/u/3502821/Schermafbeelding%202015-04-24%20om%2015.34.08.png
2. the menu on the menu bar that is appearing when I scroll down on the page, is showing the items on two lines, can I change the padding for these items?

thank you!

Jan

Please, contact administrator
for this information.

#59503 Copied

15 Answers

BrokenDancer

Participant

April 24, 2015 at 14:41

screenshot for number 2: https://dl.dropboxusercontent.com/u/3502821/menu%20bar.jpg

#59504 Copied

Brian Johnson

Member

April 24, 2015 at 14:43

Hello

Please provide us with the link to wp-admin access. Here the screenshot of your site: http://prntscr.com/6xlmk8.

With best regards
Brian Johnson

#59506 Copied

BrokenDancer

Participant

April 24, 2015 at 14:44

here you go:

Please, contact administrator
for this information.

#59507 Copied

Brian Johnson

Member

April 24, 2015 at 14:55

Hello

Please change following line of code anywhere it exists in custom.css:
.menu > li a {padding: 8px 20px 60px 8px!important;}
to

.menu {padding: 8px 20px 60px 8px!important;}

You may also check if all } symbols are used properly and remove identical lines of code there.

With best regards
Brian Johnson

#59511 Copied
Brian Johnson

Member

April 24, 2015 at 15:11
You may try this code regarding the second issue:
```
.fixed-header-area .menu{left:29%;pading:0px!important;display:block;height:50px;position:absolute;
transform:translatey(-20px)}
```
With best regards
Brian Johnson
#59515 Copied
BrokenDancer

Participant

April 24, 2015 at 15:53

Ok, I cleaned it up, that helps.

1. still the submenu lock disappears when I hover to it, it is only on the homepage, probably because the slider is there? Maybe we should put the white block a bit higher?

2. It’s all nicely on one line now but it is too wide 🙂
https://dl.dropboxusercontent.com/u/3502821/menu%20bar%203.jpg

#59522 Copied

Brian Johnson

Member

April 24, 2015 at 16:25

I have edited previously added code in custom.css. Please check your site now.

With best regards
Brian Johnson

#59530 Copied

BrokenDancer

Participant

April 24, 2015 at 17:15

White block is higher now but it keeps disappearing when I hover on it.
And the fixed header menu has the “home” item going through the logo.

thank you

#59550 Copied
Robert Hall

Support staff

April 25, 2015 at 09:46
Hello,

Please add this code in custom.css file
```
.fixed-header-area .menu .nav-sublist-dropdown{
   margin-top: 0px !important; 
}
```
Regards,
Robert Hall.
#59645 Copied
BrokenDancer

Participant

April 25, 2015 at 11:06

Menu items are sorted nicely now, thank you.

But the white block keeps disappearing when I hover on it…

#59651 Copied
Eva Kemp

Support staff

April 26, 2015 at 15:41
Hello,

Please add this code:
```
.header-type-8 .menu-wrapper .menu-main-container > ul .nav-sublist-dropdown { 
  margin-top: -10px !important;
}
```
Thank you.
Regards,
Eva Kemp.
#59740 Copied
BrokenDancer

Participant

April 27, 2015 at 09:07

Hi,

that didn’t help I’m afraid…
When I hover on the submenu, it simply disappears

Jan

#59843 Copied

Brian Johnson

Member

April 27, 2015 at 09:32

Hello

I have edited a bit the code from previous message. Please check your site now.

With best regards
Brian Johnson

#59850 Copied

BrokenDancer

Participant

April 27, 2015 at 09:35

Solved!
Thank you so much.

#59852 Copied

Eva Kemp

Support staff

April 27, 2015 at 12:24

Hello,

You’re welcome.

Regards,
Eva Kemp.

#59889 Copied
Viewing 16 results - 1 through 16 (of 16 total)