Recent
Categories
View Replies (2)

Responsive Mode for Serenity

  1. Bug
0
Votes
Undo
  1. bibbp
    bibbp
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 05 March 2017
  5.  Subscribe via email
Ciaran,

I am using slicknav in the serenity responsive mode. For iPhone, header-2 position is partially hidden behind the menu, and it overlays the logo - in both portrait and landscape mode. On a tablet, just he first problem exists. Please take a look at https://dayservices.scottsproject.org.uk/ and advise what I should put in the responsive custom CSS.

Many thanks

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

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

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

	.header-2 {

	    top: 60px;

	}

}

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

	.header-2 {

	    top: 100px;

	}

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
bibbp
bibbp
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Perfect, thanks again Ciaran!
  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!