Space between menue and contenen + color of menue arrow

Astrophytum

Hello,

2 things in one screenschot:

Website:

https://pilzschule-vogtland.de/

Right arrow:

How can I change the color of the arrow of an menue item with submenue? Actaul the color is lightgray.

Left arrow:

2 days ago, I changed the space between menu and content in BeTheme.

Now I dont found the right place in Bethem to change the space smaller.

Where can I change this space in BeTheme?

Kind Regards,

Steffen

Astrophytum

Hello,

2 min after posting I found the solution for the Header space!

Now its only open how to change the color of the arrow in menue.

Kind Regards,

Steffen

Astrophytum

Hello,

space header content:

I set "Content top padding" ti Hide in Advanced options.

It's crazy, when I loggend in backend, the space is hidden, not visible. When I loggend out, the space is visible. I cleared all chaches.

Kind Regrads,

Steffen

Phil

Hello,

1) I do not see this space under your header. It might be the server cache, so you can check if you do not have any server caching enabled.

2) For the arrow color, please use the following CSS code:

#Top_bar .menu > li.submenu > a:not(.menu-toggle)::after{
 border-top-color: #213705!important;
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Astrophytum

Hello,

thank you very much for fast helping.

The problem with the space was solved.

I addet this CSS:

#Top_bar .menu > li.submenu > a:not(.menu-toggle)::after{
     border-top-color: #0b6016!important;
    }

Please see the site, in my opinion there is a opaque, white layer over the arrow.

In fact, the arrow is lighter as #0b6016.

Kind Regards,

Steffen

Phil

It has an opacity set. Change the CSS code to the following:

#Top_bar .menu > li.submenu > a:not(.menu-toggle)::after{
border-top-color: #0b6016!important;
opacity: 1;
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Astrophytum

Hello,

I'm sorry, the CSS:

#Top_bar .menu > li.submenu > a:not(.menu-toggle)::after{
border-top-color: #0b6016!important;
opacity: 1;
}

is not working.

Kind Regards,

Steffen

Astrophytum

Hello,

I add an !importand after row #3:

#Top_bar .menu > li.submenu > a:not(.menu-toggle)::after{

   border-top-color: #0b6016!important;

   opacity: 1 !important;

  }

Then it's working fine! :)

Kind Regards,

Steffen

Phil

I forgot about the important.

Great that you handled it.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Astrophytum

You are welcome!