Hi Yigit,

Thank you so much!

Added media querie beccause the image appeared behind the hamburger menu and removed the standard underline. Working like a charm.

@media only screen and (min-width: 990px) {

#top #header .av-main-nav > li > a:hover,
#top #header .av-main-nav > li.current-menu-item > a {
background-image: url(https://www.bahai-uitgeverij.nl/wp-content/uploads/2022/10/lintje.png);
background-size: 20px 34px;
background-repeat: no-repeat;
background-position: bottom 8px center;
}

.avia-menu-fx {
display:none!important;}

}

Solved it allready by using widgets for the footer

Hi Elliott,

The code didn’t work but the one below did.

#wrap_all { position: relative !important; }

body {
    overflow:hidden;
    width:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

Thanks Jasper

• This reply was modified 9 years, 8 months ago by MENS.

Thank you so much!

Cheers!

Hi Devin,

Sort of fixed the logo for ipad and bigger screens, only the height of de header (logo and navigation) is reduced for mobile. Is it possible to disable this?

Cheers Jasper

ps. this problem is visible on iphone landscape

Hi Josue,

I’ve set it to bottom left and this works for pc and ipad only on a mobile i get a glitch.

I’ve tried this code to stop the .header_bg from showing up on mobile but it doesn’t work:

@media all and (max-width: 480px) {
.header_bg {display:none!important; }}

Is there a way to block this background image with media queries?

Cheers Herrbirk

Sorry Ismael,
It is in fact an image aligned ‘center’ with botttom to top animation. But nothing happens.
I’ve noticed that only the centered images are removed troughout the site with this code:

.avia_image.avia-align-center {display:none;}}

So for now i’ve given all other images a left alignment and placed the above code that works.
Offcourse now i can’t use centered images any more so when you got a correct solution to remove this picture only on my homepage then i would be glad to hear it.

Cheers Herrbirk

• This reply was modified 11 years ago by MENS.

Thanx Yigit!

Found it!

.avia-shadow { box-shadow: none; }

Cheers Japser