1. pat02
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 15 September 2015
  5.  Subscribe via email
Hello

I use the template J51_Vitality. Can you please tell me, where I can change the breakpoint? Now it seems switch to mobile view (Slicknav menu shows up) @ 1260px. I want to change this.

Thanks a lot!

Patrick
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Patrick

Firstly remove the following in your templates styles.php (../templates/j51_vitality/styles.php - line 32)...


/* Hide default hornav menu */
.hornav, #socialmedia {display:none !important;}
/* Show mobile hornav menu */
.slicknav_menu {display:block;}


You can then add the following to the Custom CSS field of your templates parameters where 720px is the new break point (edit to taste)...


@media only screen and (max-width: 720px) {
/* Hide default hornav menu */
.hornav, #socialmedia {display:none !important;}
/* Show mobile hornav menu */
.slicknav_menu {display:block;}
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán

Great, thanks a lot!

Regards
Patrick
  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!