j51_kodaline resize slideout column width

Votes

Undo

ecweb
Commercial Templates
Friday, 21 September 2018
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)

ecweb

Accepted Answer Pending Moderation

Votes

Undo

brilliant

more than a month ago
Commercial Templates
# 1

ciaran

Accepted Answer Pending Moderation

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

more than a month ago
Commercial Templates
# 2

Page :
1

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

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

j51_kodaline resize slideout column width

Site Links

Recommended

Join Our Newsletter