1. erikoraka
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 01 April 2020
  5.  Subscribe via email
Hello,

Is it possible the header area to look like the logo area and the Layerslideshow photo to overlay the header area?

http://stavrodromion.org/el/

Thank you in advance.

Best regards,

Eri
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Eri

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

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
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?
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
It is just fine now!

Thank you Ciaran!
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!