Sorry for the late reaction, but there was a caching problem. Very strange, but everything works great now.
Thanks and case closed. Freek

Hi,

I figured it out myself.
I use a custom css class with name “my-custom-button-row” with the following CSS code:

.my-custom-button-row {
position: absolute !important;
bottom: 0 !important;
 }

Works for me. Case closed!
THX Freek

Thanks this worked for me. One more question. When I scroll the sticky header gets solid white. Can I add the same background opacity here?
THX Freek

Awesome. That did the trick. Thanks again. Freek

Rikard,

I placed the following css code block, just beneath the first block of code.

#menu-item-224 .header_color .main_menu .menu ul li a:hover, .header_color .av-subnav-menu ul a:hover {
    background-color: rgba(5, 105, 105, 0.2)!important;
    border-radius: 50px;
}

With the !important addition, but no luck. menu item 224 is “zakelijk – energietransitie”
THX Freek

Hi,

Unfortunately the above code does not work.
1. If I add the “>” sign, the line is reset to default. If I remove the “>” sign, it works but with multiple top borders in sub/submenu
2. Both active and hover state does not change with this setting.

THX Freek

Yes this works for all menu items where a submenu exists but now i want this for just one menu item (menu-item-393).
Green for megamenu under the main menu item “Particulier” and blue under the main menu item “zakelijk”
I tried the following code, but no luck:

li#menu-item-393 .avia-menu-fx .avia_mega_div > .sub-menu { background-color: #056969;
border-top:5px solid red!important;
}

Is it possible?
THX Freek

• This reply was modified 6 years, 2 months ago by Freek.

Hi Victoria,

Not exactly what I mean. Is it possible to place the search box on the exact place of the spyglass (so instead of)?
THX Freek

Hi Victoria, We have a mayor power issue in my city. I will let you know if it is back online.
THX Freek

Hi,
Ok thanks for the reply. Maybe I have to implement a third-party plugin like UberMenu.
THX Freek

Hi Victoria,

Made a new page for background image 6800×3200) here
As you can see there is a white space below the image. On safari, Chrome and Firefox

And a testpage for background image (5120×2880) here
As you can see there is a white space on the right side of the screen. On safari, Chrome and Firefox
THX Freek

Hey Mike,

Unfortunately it does not work. Now I get a white bar below the image. In fact the question is “What image size to use for a full screen image which show fullscreen on every screen (except mobile screens)”?
THX Freek

I use the following code now:

#redborder {
border-left: 15px solid #c53734!important;
}

This works if I add the red border ID to the color element. Maybe you know how to add this border to all elements/pages.
THX Freek

Case closed. I changed the code with a class and now it works.
THX Freek

Hi Rikard,

I used the recommended code and moved the language switcher to the center of the screen and now it is clickable.
Thanks for the support!
Freek