Hi Yigit,

Thank you for that, indeed, now it’s visible on the site but actually I want it to be displayed as in the logo. I don’t want to have the transparent background on it. What should I do please?

Thanks,
Costin

Hi Günter,

Thank you for the swift reply. Your solution worked as a charm and I’ve use it to also reduce the space on bottom.
As per the socket please check the screenshot http://awesomescreenshot.com/0cf35xng14. It’s strange that on mobile you can see the image, even though behind a semi transparent color…

Can you also please tell me how can I reduce the space above and below of footer columns – the black area?

Many thanks,
Costin

Hi,

I’ve found out that in my case WP Smush-it plugin was the culprit for taking so long time to upload the images…

Hi,

Following Kriesi’s advice I’ve used the full width easy slider and that helped me achieve what I was looking for.

Thank you,
Costin

Seem to be working great, many thanks!

Hi,

Thanks for replying! So I need the code to work on mobile devices for all pages but homepage. I think the code provided is just for the homepage as it contains #top.home #main so I’ve changed it to:

@media only screen and (min-width: 767px) and (max-width: 989px) {
    .html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main{
        padding-top: 90px !important
    }
}

I’ve played with the 90px but still no result. Could you please tell me if there’s anything else I can do?

Many thanks!

On desktop (the first image) is OK but on mobile (the 2nd image) the space between logo and image is too big. Can I reduce it somehow please?

Many thanks!

For what I need it I’ve used the code below. On desktop everything is fine but not on the mobile where especially on the homepage the grey area persists. Also on pages the space is bigger than it should. What should I add to the code please?

#main {
    padding-top: 110px !important;
}
.home #main {
    padding-top: 129px !important;
}

The code worked fine, thank you very much. Is this a bug? as before was working fine…

Please be so kind and let me know if you can help me with another thing. On pages you can see that there is a grey area under the menu as in http://awesomescreenshot.com/0892hm1de5. How can I take it out please?

Many thanks for your help,
Costin

Hi @Josue ,

It perfectly make sense what you are saying. I’ve enabled the secondary menu but its position is Top Bar at the right as you can see it now at alloelectricien.lu. But I want it to be displayed as at alloplombier.lu. How can I achieve that please?
At alloplombier.lu which uses an old version of Enfold I was using this code:

#header_meta { margin-top: -30px; }
.sub_menu {
top: 250%;
}

Thank you!

Hi,

I’ve used the code provided for the header and I’ve changed the colour to white and it worked good.

Regarding the 4th question about the header, I’ve seen the new options in the Header tab but what I need is to have a secondary menu displayed to the right of the logo on alloelectricien.lu as it’s now on alloplombier.lu (older version of Enfold). How can I achieve that please?

Thank you!

Hi Ismael,

Thank you very much for the code. I’ve followed your instructions but unfortunately something it’s not good as the homepage looks the same.
Could you please take a look, maybe I’ve missed something…

Thanks again,
Costin