|
knut pedersen
|
June 17, 2015 at 1:10 pm
I am sorry for all questions, but i need to adress this..
I read many places that espresso was not very responsive, but i also read it would work with a good responsive theme. I think i got a pretty good responsive theme, im using Divi.
But its not responsive..
On a PC it looks like this: http://familiehunden.no/?p=1937
On Ipad it looks like this: http://familiehunden.no/?p=1938
On mobile it looks like this: http://familiehunden.no/?p=1939
On PC and Ipad it looks good, but not on mobile.
Anything i can do to make it look better and be more userfriendly?
|
|
Josh
|
June 17, 2015 at 1:40 pm
Hi Knut,
You can make the table look better and be more user friendly for mobile (mobile first, in fact) by switching it to use the footable template. The footable template will load when you specify it in the shortcode parameters. Here’s an example that shows its usage:
[ESPRESSO_EVENTS_TABLE_TEMPLATE category_filter = false template_file="espresso-events-table-template-toggle.template.php" table_style = metro table_paging = false table_search = false]
Example site where the Footable template is in use:
http://demoee.org/radwagon/rad-table/
|
|
knut pedersen
|
June 17, 2015 at 2:46 pm
Thanks! That was really much better! Would you use this “all over”, or just use the footable on mobile viewing?
|
|
Lorenzo Orlando Caum
|
June 17, 2015 at 3:16 pm
Hi Knut, using those parameters will set the events table view template to use the footable option.
—
Lorenzo
|
|
knut pedersen
|
June 24, 2015 at 2:22 pm
Thanks for quick response and informative answer, that really worked fine!
However, further alone the registrationprosess there is another problem for mobile users.
The place where they enter information. This is not looking good on mobile. The text fields goes a lot out of the screen.
Any ideas how to make this better also?
|
|
Josh
|
June 24, 2015 at 3:25 pm
You can set a max-width on those fields. If you can post a link to an event we can take a look and offer some more suggestions.
|
|
knut pedersen
|
June 24, 2015 at 3:28 pm
Thanks 🙂
you can look at this event http://familiehunden.no/aktiviteter/oppstart-1-juli-onsdager-1800-1930/
|
|
Lorenzo Orlando Caum
|
June 24, 2015 at 7:15 pm
Hi Knut, the width for the text fields are set to 100%. You could use CSS to reduce the width and here is an example:
#ee-single-page-checkout-dv
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=file]) {
max-width: 70%;
min-width: 50%;
}
—
Lorenzo
|
