Hi Eri

Presuming I understand you correctly, to amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.header_top {

    background-color: rgba(38, 32, 30, 0.8);

}

Ciaran

Can also the photo of the layerslideshow overlay the header area?

I would like the flags to be shown as they lay upon the photo..

Is it possible, i.e. as it is shown on the following link https://www.eriswebstudio.gr/. The photo in this case seems to start from the top of the browser window..

Thanks again,

Eri

Hi Eri

Adding the above CSS to the Custom CSS field should allow the flags to over the slideshow area.

Ciaran

Well, actually at homepage it is ok!

On the other pages I still see the picture below the flags...Please check the url below..

http://stavrodromion.org/el/news/news

Of course to all the other pages I do not use a layerslideshow but a header background image set in the relevant field in the template. Is it possible to fix it there too somehow?

Hello

To apply to menu items with no slideshow try adding the following instead...

.header_top {

    background-color: rgba(38, 32, 30, 0.8);

    position: fixed;

    z-index: 1080;

    width: 100%;

}

.logo {

    padding-top: 90px;

}

Ciaran

Hello Ciaran,

It is ok now, but I noticed the following also:

1. In Homepage I still notice a slight line on the bottom of header-top or top of header-row.. I don't know where it belongs..
Can we make it disappear?

2. Also the flags in the home page do not remain sticky as in the other pages..Can they remain sticky?
[/list]

3. Adittionally, the hornav menu in the homepage is a bit lower that the hornav menu in the other pages..Can we place the hornav menu in the homepage at the same position as in the other pages?

Here's the url of the website: http://stavrodromion.org/el/

Thanks again for your kind help Ciaran!

Best regards,

Eri

Hi Eri

1. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.header_main {

    box-shadow: none;

}

2. Ensure you have the following in each of your template styles (custom CSS field)...

.header_top {

    background-color: rgba(38, 32, 30, 0);

    position: fixed;

    z-index: 1080;

    width: 100%;

}

3. To amend try adding the following to the Custom CSS field of your homepage template style....

.logo {

    padding: 49px 20px;

}

Ciaran

It is just fine now!

Thank you Ciaran!