Hello,

In order to achieve a Transparent Header layout, you need to navigate to Theme Options > Header and set these two options:
- Background color > (any color, but it's required)
- Background transparency > set to 0

Also note that these are Global Options. And each page these same options from above, and if set on the page, it will override Global Options..

So you need to go to Dashboard > Pages > find and Edit single page >  scroll towards the bottom > check if these two options are set already.

In  appearance > widgets > right from main menu you can choose widget whatever you want.

Kind regards,

Milica

Hi Alex,

1) The way logo dimensions work:

Maximum logo height is determined by the header Height option in Elated Options > Header.

As for the logo image itself, because of retina displays, image dimensions are being divided by 2. So if you upload the logo that is 100x100, the actual dimensions on desktop will be 50x50.

In case you want a logo that is 100x100, you need to upload an image that is 200x200, and set the header height to 100.

WPKlik link: https://wpklik.com/wordpress-tutorials/how-to-easily-add-logo-on-your-wordpress-site/

2) As for social icons location, if you want to put it in top right corner, you should disable Top Bar in grid option:

However, even if you set both of these properly, your CSS would still be causing you a problem since it is affecting both your sticky and main menu so both of these appear at the same time:

I'd suggest that you apply suggestions 1) and 2) and provide us your wp-admin credentials in private reply and we will help you devise some working CSS.

Best regards!

Joey

Hello,

Your logo is broken as you can see so you have to upload image once more.

Also, your additional css made a problem with postion of element on your side. 

Please let us know if there is anything else we can do for you, thanks!

Kind Regards,

Milica

Hello,

In order to achieve menu you send me  in the original question  you can try to add this css underneath in Elated Options >> General >> Custom CSS field: and remove all css you wrote in additional css.

nav.eltd-main-menu.eltd-drop-down.eltd-default-nav {
    color: #FFFFFF !important;
}
.eltd-position-right {
    position: relative;
    right: 310px;
}
i.icon_cart_alt {
    color: white;
}
span.eltd-icon-font-elegant.icon_search {
    color: white;
}

I hope you like this,

Let me know is that what you wanted!

Kind Regards,

Milica

Hello there,

I have checked your website on lower resolution and it looks like on screenshot:

Have you resolved this in the meantime?

If there’s anything else we can help you with, please let us know.

Best Regards,
Milos

Hello,

In order you want to make changes in this section:

 you can do it in directly in slider because this section is content of Slider Revolution:

In order to make header bigger you can make changes there:

Also, if you set this height to for example 400px you have to make sure your line-height of your widget is set to the same value:

You can try to add this css underneath in Elated Options >> General >> Custom CSS field:

.widget.eltd-right-from-main-menu-widget{
    line-height: 200px !important;
}

For example your site is set to 150px height, line-hight is 150px in order to be inline with menu items:

Kind Regards,

Milica

Hello,

I've add you this code in additional css:

1.

Now it looks like this:

2.

3. Elated Options->Header Standard there you can choose height of your header

You can move down header, just add this flowing code in custom css:

.eltd-page-header{
    top: 100px;
}

Or you can change this number to be smaller if you want, it will looks like this if you apply this code:

I hope it helps!

Kind Regards,

Milica

Hi there,

To fix the first issue, you should add the following code into Appearance -> Customize -> Additional CSS:

.eltd-mobile-header .eltd-mobile-menu-opener {
    z-index: 3;
}

And for other issue add the following code:

@media only screen and (min-width: 1025px) {
    .eltd-content {
        margin-top: -192px !important;
    }  
}

This should work for all pages.

Let us know if you need any further help.

Best regards!

Joey