Hi, Please see the correspondence below.
I still am looking for a solution to show the menu/header section over sliders modules that I create on pages other than the home page.
I would like these pages to have the same look as the home page. At present after the fixes detailed below the header is above the slider and not over it like the home page. I have attached two images to show what it looks like. I would be most grateful if you could tell me what to do.
(PS cant attach image files? Please see menu item About Us as an example of a page that has a slider on the page but it does not show behind the menu but under it)
Thank you for your assistance in advance.
Y2kEric wrote:
Hi,
Thanks. I have done this but the slider image does not show behind the menu/header?
I want the effect to be like the home page.
Is there a way to make a new class for this (like the homepage) and apply this to the page using the use the page class suffix?
This ticket has attachments. Jh1.jpg downloaded 0 times.
This ticket has attachments. jh2.jpg downloaded 0 times.
-----------------------------------------------------------------------------------------------------------
18.11.2014 08:51:30 thuygtn wrote:
Dear Y2kEric,
Please go to the file: your_site/templates/sj_royal/css/your_css.css and remove the code:
#yt_wrapper:before {
content: '';
display: block;
background: url(../images/header-bg.jpg) no-repeat 0 0;
background-size: 1960px 400px;
position: absolute;
top: 0;
z-index: 4;
left: 0;
right: 0;
height: 300px;
}
=> Edit to:
#yt_wrapper:before {
content: '';
display: block;
background-size: 1960px 400px;
position: absolute;
top: 0;
z-index: 4;
left: 0;
right: 0;
height: 300px;
}
and go to the file: your_site/templates/sj_royal/css/template-purple.css and find:
#yt_wrapper:before {
content: '';
display: block;
background: url(../images/header-bg.jpg) no-repeat 0 0;
background-size: 100% 300px;
position: absolute;
top: 0;
z-index: 4;
left: 0;
right: 0;
height: 300px;
}
=> Edit to:
#yt_wrapper:before {
content: '';
display: block;
background-size: 100% 300px;
position: absolute;
top: 0;
z-index: 4;
left: 0;
right: 0;
height: 300px;
}
Thanks
-------------------------------------------------------------------------
14.11.2014 01:14:16 Y2kEric wrote:
How can I remove the header-bg image like the Home page where the Slider images are behind the menu/header/
I want to use other sliders on other pages but want the same effect as the home page?
Please tell me how to configure these.
Thank you for your assistance in advance.