i’m trying to set a width dependant on screen sizes to a sliding tab on my site, so it will work on mobile devices but am having some issues with it’s width.
I’m fairly certain the issue requires changing one line in the .js (line 105 in tab_slide.js) from
[CODE]slide_params[opt.tab_slide_position] = calc_width + “%”;
to
[CODE]‘slide_params[opt.tab_slide_position] = – (the value i want to set) ;’
i’ve added this to the CSS make it expand further on smaller screen sizes
[CODE]@media all and (max-width: 1200px) {
#tab_slide {
left: 0px;
height: auto !important;
width: 65% !important;
}
}
@media all and (max-width: 1200px) {
#tab_slide_include {
padding: 0px;
}
}
@media all and (max-width: 1200px) {
.tab_text_bg {
top: 25%;
}
unfortunately the slider starts already half opened on a small screen,
but i cant work out what code/value i should put here to make start closed, open 60% and then close back to its original position on screens under 1200px width.
i’ve been playing around with this one problem for 2 weeks and cant work it out so would desperately appreciate some help making the code work.
here’s a link for anyone who’d like to see what’s going on: focallocal.org.