Top Menu bar

[ChrisBor]

Hello, I would like to use an image in the header section. I would like to put the orange bar  under the top menu. It works for the main menu, but not for the top menu. When I pull it to the top, the top menu gets covered by the orange bar. It would be great if you could tell me how to avoid that. https://www.dropbox.com/s/sl2o4f4qxu03mef/menu.png?dl=0 Thank you very much for your help. Greetings, Christian  

[Ava]

This reply has been marked as private.

[ChrisBor]

There are no scrolling issues. I want to put the orange bar under the top menu, but that doesn't work. The orange bar will cover the top menu. So the top menu is no longer visible. See image below. What can I do to put the orange bar under the top menu, so that it is still visible. https://www.dropbox.com/s/gn2ppqmi47a047d/header.png?dl=0  

[Ava]

This reply has been marked as private.

[ChrisBor]

Hello Ava, that doesn't solve my problem. Sorry! Now the top bar is white as you can see here: https://www.dropbox.com/s/1fnfnq54i4jw4eh/top%20menu%20white.png?dl=0 But I don't want it in white I would like to use the "orange" from the header picture. I would like the top menu shine through, like it is with the Main Menu. The main menu "shines through" the header picture, but the top menu got covered by the header picture. Why is that? Could you help me to make sure, that the top menu "shines through" the header picture like the main menu does? I hope you can understand what I mean.

[Ava]

Hi Please paste the custom css code to Wp-admin > Appearance > Customization > custom css > publish   #headertop{ position: absolute !important; top: 0 !important; z-index: 999 !important; width: 100% !important; background:orange; }   headerTop a{ color:#000; }   .elementor-widget-image .elementor-image img { margin-top: 190px !important; }   header{ position: absolute !important; margin-top: 31px !important; background:black !important; } Refer: http://prntscr.com/maw2y1     Hope it helps.

[Author]

Posts