logo-responsive
Welcome, Guest
Username: Password: Remember me

TOPIC: Template Sketch0111 - fullscrean header only on desktop homepage and not on mobile devices (solved)

Template Sketch0111 - fullscrean header only on desktop homepage and not on mobile devices (solved) 2 years 4 months ago #13492

  • lin_zue
  • lin_zue's Avatar
  • Offline
  • Senior Boarder
  • Posts: 57
  • Thank you received: 1
  • Karma: 0
hello
i have 2 questions:
- for my website www.osf-2019.ch i like a fullscreen header only on the 1. page (home). How is it possible?
- on responsive design I don't need any fullscreen header. How can I turn it off?
Thanks
evetzel
The administrator has disabled public write access.

Template Sketch0111 - fullscrean header only on desktop homepage and not on mobile devices (solved) 2 years 4 months ago #13496

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 5377
  • Thank you received: 872
  • Karma: 98
Hello evetzel,

QUESTION 1
- for my website www.osf-2019.ch i like a fullscreen header only on the 1. page (home). How is it possible?
Create 2 styles.
1: One style for your homepage with fullscreen header set to YES in the templates Header Block Styling Parameters. Set this as the Home style in Menu assignment.
2: A second style with fullscreen header set to NO. Set this as default style.

QUESTION 2
On responsive design I don't need any fullscreen header. How can I turn it off?
This is not an option in the template but the following css solution should work.
Add the following css to the custom css code parameter in the style for your homepage.
@media only screen and (max-width: 1024px) {
#container_logo_menu_mobile{height: 80px !important;}
.spacer-mobile{height: 80px !important;}
.spacer{height:0px !important;}

.scrollto, .scrollto-mobile{display: none !important;}
}

Thanks,
JohnO
Last Edit: 2 years 4 months ago by JohnO.
The administrator has disabled public write access.

Template Sketch0111 - fullscrean header only on desktop homepage and not on mobile devices (solved) 2 years 4 months ago #13517

  • lin_zue
  • lin_zue's Avatar
  • Offline
  • Senior Boarder
  • Posts: 57
  • Thank you received: 1
  • Karma: 0
Hello JohnO
Great, it works! Thank you!
The administrator has disabled public write access.

Template Sketch0111 - fullscrean header only on desktop homepage and not on mobile devices (solved) 2 years 4 months ago #13519

  • JohnO
  • JohnO's Avatar
  • Offline
  • Administrator
  • Posts: 5377
  • Thank you received: 872
  • Karma: 98
You are welcome.

Thanks,
JohnO
The administrator has disabled public write access.
Time to create page: 0.108 seconds
Powered by Kunena Forum

Newsletter




We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.

Use code   FEB20 at checkout

    FEBRUARY    

10% off Everything!

Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
Ok