You would have to switch to using a child theme and then modify a few theme files because you will need to change the structure of it. I will be honest, this one would be a little involved and you will need to be comfortable with modifying code.
Because this theme uses Bootstrap for its structure layout, you wouldn’t be able to code in 5 sidebars, but you could do 6.
Thank you for the quick response. I think it will be better for me to keep things the way they are and design around the template. I am not proficient enough to make those kinds of changes in the timeline I have. I appreciate your help tho!
You’re welcome…also sorry for giving the bad news about that kind of custom change would require a fair amount of work. If you don’t mind me asking, what were you wanting to put into the 6-spots?
As a side note, if I get more requests for 6 widget positions side-by-side, I would of course consider it in new themes.
No worries! I just thought if it could be done easily, I’d do it. I’m wanting to list our services in those 6 spots instead of having them in the menu at the top or in a drop down menu. I am going to group our services differently for this particular project tho.
Thanks again!
One possibility is to use one of those sidebar positions, then using a text widget, create your own HTML column layout (6). That would work. In fact, you could use the bootstrap structure for a responsive layout…something like this:
<div class="row">
<div class="col-xs-12 col-md-4 col-lg-2">Your content</div>
<div class="col-xs-12 col-md-4 col-lg-2">Your content</div>
<div class="col-xs-12 col-md-4 col-lg-2">Your content</div>
<div class="col-xs-12 col-md-4 col-lg-2">Your content</div>
<div class="col-xs-12 col-md-4 col-lg-2">Your content</div>
<div class="col-xs-12 col-md-4 col-lg-2">Your content</div>
</div>
Basically what that code does is give you 6 columns in large view, then on smaller screen, it becomes 3 columns, then on even smaller screens like phones, your columns become 1 per row. This theme uses the bootstrap column grid layout of 12 columns across.
col-lg-2 = 6 column layout in your page (6 into 12 = 2…hence col-lg-2)
col-md-4 = 3 column layout (4 into 12 = 3…hence col-md-4)
col-xs-12 = 1 column layout per row (12 into 12 = 1)
The thing is though, having 6 columns is a bit tight in the content width this theme uses, especially when someone views your page in a smaller device screen. If your 6 columns don’t wrap, they will get very tiny in width, but at the least, using the bootstrap column method above, as the screen gets smaller, your columns will wrap and each one won’t be squeezed too small.
Thank you for suggesting this option. I will see how that works!
