Recent
Categories
View Replies (2)

Different template versions for desktop and mobile

0
Votes
Undo
  1. cuervo
    cuervo
  3. Commercial Templates
  4. Friday, 25 September 2015
  5.  Subscribe via email
Hi, I'm using the J51 Central template. I would like to turn off the Header Full Screen styling option for mobile devices, while keeping it on for desktops. Is there a built-in function for that? If not, how would you approach this?

Thanks.
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Cuervo

To achieve this try adding the following to the Custom CSS field of your templates parameters...


@media only screen and (max-width: 1024px) {

	#container_header {height: auto;}

	#logo {display:none;}

	.hornavmenu-top {

	    position: fixed;

	    top: 0;

	}

	#container_header {height:100px;}

	.hornavmenu-bottom {display: none;}

	#container_slideshow {

	    padding-top: 100px;

	}

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
cuervo
cuervo
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for your help Ciarán.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


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