Recent
Categories
View Replies (2)

j51_kodaline resize slideout column width

0
Votes
Undo
  1. ecweb
    ecweb
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 21 September 2018
  5.  Subscribe via email
Hi,
I am trying to resize the slideout column for mobile view down from 256px wide (default) to 150px.
I have found the css where I can resize the size of the slideout, however the body_panel div is dynamically moved 256px to the right when a user clicks to bring up the sidecolumn menu.
How do I change the body_panel div code which is dynamically added as transform: translateX(256px); - to instead be transform: translateX(150px);?
The web site I am working on is http://essendonbwc.org.au
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Firstly add the following to the Custom CSS field of your template settings...

.slideout-menu {

    width: 150px;

}

.slideout-open .slideout-toggle {

    right: 150px;

}


Next, open your templates scripts.php (../templates/j51_kodaline/inc/scripts.php) and replace the 256 on line 32 with 150.

That should do it.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ecweb
ecweb
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
brilliant :)
  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!