[Michael Tran]

I am having some cosmetic issues with this template. Specifically:

It uses <table>, which is an archaic way to layout anything in today’s Internet. Because people are using mobile devices, it is mission-critical that your templates are responsive. As it stands, the layout does not support responsive layouts.
Also a responsive issue, the images should be resized and displayed above or below information when real estate (screen space) does not support side-by-side positioning.
Also a responsive issue, the search bar should center under across the page and the category drop-down should be spaced under it, also centered.
The map does not allow users to click for directions. This is crucial for a business directory.
There are headings such as Work (Phone) and Work (Address) that I wish to remove. This appears to also hard-coded into the template file.

Is there a way to address any of these items?

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ Michael Tran

The table use in cMap is due to the persistence of legacy browsers and having to support tens of thousands of users using thousands of different themes and plugins all coded with varying levels of skill, self included. The use of table table is primarily to support the columnar presentation within each entry. Certain legacy browsers had severe issues with dealing with floats properly. Only the most basic structure is formed by the table the rest of the elements do not use tables at all and are very easily styled and easily overridden. Personally, I do not like using tables in this manner, but it was necessity/support.

Now, with that said … I’ve been slowly removing support for legacy browsers following the footsteps of Google, Facebook and WordPress. Version 3 will have tables removed and legacy browser support completely removed with that will be more responsive friendly.

The address and phone labels are completely customizable and can be removed entirely via shortcode options available to cMap.  Take a look at these pages:

• addr_format=”%label% %line1% %line2% %line3% %city%, %state%  %zipcode% %country%”
• phone_format=”%label%: %number%”
• email_format=”%label%: %address%”

Here are all the string options. Here’s a link to the FAQ that explains how to use them:

• str_select=”Select Category”
• str_select_all=”Show All Categories”
• str_image=”No Logo Available”
• str_tray_image=”No Photo Available”
• str_map_show=”Show Map”
• str_map_hide=”Close Map”
• str_bio_head=”Biography”
• str_bio_show=”Show Bio”
• str_bio_hide=”Close Bio”
• str_note_head=”Notes”
• str_note_show=”Show Notes”
• str_note_hide=”Close Notes”
• str_contact=”Contact”
• str_home_addr=”Home”
• str_work_addr=”Work”
• str_school_addr=”School”
• str_other_addr=”Other”
• str_home_phone=”Home Phone”
• str_home_fax=”Home Fax”
• str_cell_phone=”Cell Phone”
• str_work_phone=”Work Phone”
• str_work_fax=”Work Fax”
• str_personal_email=”Personal Email”
• str_work_email=”Work Email”
• str_visit_website=”Visit Website”

And here’s the page where all these option for cMap can be found.

I hope you find that helpful.

[Author]

Posts