Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

Header Background removal on other pages (not home page)
(1 viewing) (1) Guest
User guides, update and bug fixes
  • Page:
  • 1

TOPIC: Header Background removal on other pages (not home page)

Header Background removal on other pages (not home page) 9 years, 6 months ago #21827

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.
Last Edit: 9 years, 6 months ago by Y2kEric.
  • Page:
  • 1
Time to create page: 0.21 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes