Bootstrap Template Tweak and Web Form Work

Completed Posted Aug 22, 2012 Paid on delivery
Completed Paid on delivery

Background:

We purchased a template from themeforest and now just need a couple of tweaks to be made before the project can go live.

OurSite: [url removed, login to view]

Original Template: [url removed, login to view]

The template is based on bootstrap and uses a lot of JQuery along with html and css. We are using Smarty and PHP on our servers.

These are two issues we have.

1. Responsive Theme "hidden phone" shortcode

As part of the template there exists the Shortcode "hidden-phone". This is designed to prevent elements of page from appearing on devices that have a width less than 768px wide (the width of an iPad in portrait mode). You can read about this [url removed, login to view]

However, in practise this doesn't work as anticipated. You will see on the home screen of the site we have used the slider feature and it is only this which we want to hide from mobile devices (but still to be visible on iPad in Portrait mode). Please see imageA for what we would expect to see on an iPad in portrait mode and imageB for what we are actually seeing.

We need you to resolve this issue.

2. Form validation / Non-conflict Bootstrap issue

There are 4 Forms on the site

/[url removed, login to view] (dynamic page so for example look at /[url removed, login to view])

/[url removed, login to view]

/[url removed, login to view]

/[url removed, login to view]

All of these forms need to be able to validate as follows;

1. Fields glow green when information is being entered (regardless of whether the field is required or not)

2. IF the form did not validate because a required fields was left empty then field show glow red and an alert error box ([url removed, login to view]) should appear directly above the form.

One thing we have noticed is the template uses the 'no conflict' jQuery option for the 'bootstrap' library. For some reason this stops other jQuery libraries from running, i.e. the gmap library doesn't work when used in combination with the bootstrap library but works fine without.

CSS HTML5 jQuery / Prototype PHP Smarty PHP

Project ID: #2424204

About the project

6 proposals Remote project Active Aug 22, 2012

Awarded to:

bobkhin

Hi sir, I'm UI dev with strong skill in HTML/CSS (3+ experience years) and JS/jQuery (3 experience years). I have 3 my own jQuery plugins. I can debug, customized and add more functions in any jQuery plugins. I have cr More

$150 USD in 3 days
(24 Reviews)
4.3

6 freelancers are bidding on average $258 for this job

gopalvora

ready to start Thanks

$200 USD in 12 days
(130 Reviews)
6.7
discover91

Hi, We have reviewed your requirement in details and we have the expertise to work on your project. We have created over 500 websites and so we can handle your project with ease.

$499 USD in 10 days
(16 Reviews)
5.4
johnrio

Respected Client Please check my PBM for more details thanks

$250 USD in 4 days
(21 Reviews)
3.7
bestpro126

Dear sir. I am a skilful expert in web domain. (javascript, jquery, php, css, ajax, html...) I have been working in this domain over 7 years, and have many experience. IF you hire me, you will get good result and I More

$200 USD in 10 days
(16 Reviews)
3.6
dw1Rianto

Should be examined in details to figure out what's wrong with this, one of my most favorite, framework, Bootstrap it is.

$220 USD in 7 days
(2 Reviews)
2.7