Ultima Theme Responsive issue

[andyp_888]

Hi,

I am a rookie with CSS.

My problem is this, I am ultima theme and want 4 buttons lying horizontal on desktop and stacked vertical on mobile.

I can do this, but the 4 buttons take up 25% each of width of screen on desktop, which makes them look primitive, so the generated html for each of the 4 buttons looks like this:

Code: Select all

<div class="ui-panelgrid-cell ui-grid-col-3">button...</div>

It's the ui-grid-col-3 which is causing the 25% extra wide buttons, because I have

Code: Select all

<p:panelGrid columns="4" styleClass="ui-panelgrid-blank grid-pad"
								layout="grid"

but I have seen the same panelGrid code produce html of the form

Code: Select all

<div class="ui-panelgrid-cell null">button...</div>

which is exactly what I need to stop extra wide 4 buttons taking up 100% of the width.

Can anyone suggest how I can get the panelGrid to not force the 4 buttons to be 25% of the width on a desktop, which still being responsive on smaller screens?

[mert.sincan]

Similar issue; http://forum.primefaces.org/viewtopic.php?f=42&t=48974