Correct CSS coding

Completed Posted Apr 9, 2014 Paid on delivery
Completed Paid on delivery

Problem: CSS/Javascript code formatting for display on Iphone

I have basic knowledge of html/javascript/php coding, but not strong in CSS. Its been along time since I did coding.

CODING ISSUE:

I need small edit/correction update on some CSS/javascript coding for formatting website to display properly on smartphone.

I bought a simple javascript & CSS web template ([login to view URL]) and have edited my site to completion. I am happy with the display on desktop computer screen but am having small problem for displaying on smartphone (iphone).

Some of the pages display correctly, while some do not.

When I have a page with large amount of content, the content boxes will automatically extend at bottom of the page, allowing proper viewing on both computer screen and iphone resolutions.

example: [login to view URL]!/page_home

You will see a page with duplicated content that allows user to scroll down to bottom of page, and user can view and interact with the Footer content on an iphone and desktop computer.

PROBLEM: When I have long content that should extend beyond the iphone screen size just like the "page_Home" the content will NOT scroll down and user can not view or interact with Footer links. >>menu website directory: MENU>Products>Xango Juice

example: [login to view URL]!/page_xango

MY FIX:

I have tried to copy/paste new content into the <ul><li> "list code" of the HOME page and try to resize the ".list " codes in [login to view URL] (lines 380-460 area) but couldn't get proper code display. I tried to make another .iist # and create bigger width for content box.

WHAT I WOULD LIKE FIXED:

1) Fix the code in <li id="page_xango"> (I like the way this page displays on desktop screen)

--ON iPHONE-- the new code should allow content extension like on the <li id="page_Home"> AND display the ../page_xango content as it does currently on the desktop.

** I can later take the new corrected ../page_xango template and edit in new content for other pages that are not functioning properly. ( I will do this on my own).

2) --ON iPHONE--

Currently on the ../page_Home page the MENU drop down works fine, and when pushing the MENU tab, the drop down stays permanently down.

BUT after navigating through the website a few pages, the MENU button will NOT drop down anymore

example: Goto fresh page: [login to view URL]

CLICK>> MENU > Millennium Method (then scroll below and CLICK the "What is Millennium Method? 'more info here' LINK)

You will then see that the MENU dropdown menu won't dropdown anymore

** I would like to fix this dropdown menu function issue **

3) In the FOOTER

There are 5 icons that you can click to change the background.

* I would like to create an automatic background fade in/out IMAGE rotation ** If this is too difficult I don't really need this option, but would be nice feature.

END RESULT:

1) The ../page_xango page will view on iphone with a scrolling function which allows all the content to be viewed properly and ability to click any footer links. just as the code works properly in the ../page_Home link.

2) The MENU dropdown will function properly, with drop down action that will 'stay' down allowing user to click any MENU/sub menu button you wish.

3) Background images will have a 10 sec rotation duration for each photo. (This 3rd request is not mandatory, but if its easy and quick, I'll pay for it)

NOTE:

- I've uploaded the completer folder directory of the entire project as "[login to view URL]"

- The original unedited [login to view URL] page as purchased, is in the directory named: [login to view URL]

- You will be editing the current [login to view URL] page.

- You can host this directory on your own webhosting server, complete the updates, send me the files.

If you have any questions and need more clarity please email:

Please send me a quote on the above code changes.

thank you

Tony

UPDATE on ISSUES:
I was not aware that the site displayed OK on iPad. ( http://www.lotuscentrewellness.com/new/index.html#!/page_xango )
So I have checked in my iPad (version 7.1) and indeed the issue of bottom page scrolling does work fine with every page, (galaxy s4, ipad, desktop = all working)

Problem seems that the scrolling does not work on the iphone 5 (only??) I'm using iOS 7.1
I would like to fix this problem so that the larger content pages do indeed scroll to the bottom of the page and footer.

I've take screen shots from my iPhone Vs desktop (please see attachments)
-iphone-xango-screenshot you can see the content is cut off half way through the page
-xango-Firefox-screenshot you can see content displayed in full, with scrolling action OK


example of proper functioning page: ../page_home
This is displayed with good scrolling action for extended content, works on desktop/iPad/iPhone

I've tried taking this "page_home" code and edit to resize the <li> with large widths and height etc, but when I add content, the scrolling action stops on iPhone.

Plus I start getting strange MENU dropdown function.



MENU function/action: On both iPhone & iPad (7.1) the Menu dropdown action works fine in the beginning, when starting from ../index.html page and the Menu will continue to stay fulling extended. And then once the Menu collapses/retracts to the single MENU button only. I noticed when attempting to re-select any Menu options the Menu will not remain fully extended. Problem is the Menu retracts immediately. But if you go back to the ../index.html and start again, the Menu will once again fully dropdown and stay, and allow navigating through a few pages.
As well, when using iPhone, if I refresh the page example: ../page_xango the MENU will retract and when when selecting MENU again, the dropdown menu will drop but won't stay down, it immediately retracts.


2 MAIN Problems:

1- on iPhone: the content will not scroll down to bottom of page on certain pages. Some pages work, some do not.
2- on iPhone: the MENU button will not dropdown after navigating a few pages, and/or refreshing the page. Will only work on the various pages that utilize <ul><li> "Lists" but the pages where I don't use <li> "Lists" and attempted to add new content, I start to get the problem.

3- Additional update: I would like a 10sec background image rotation. At the moment I have 5 icons at bottom of footer and these must be manually clicked to rotate.

Thank you

CSS HTML JavaScript PHP Website Design

Project ID: #5781788

About the project

28 proposals Remote project Active Apr 30, 2014

Awarded to:

paliborek

Hi - Thanks for reviewing my proposal ! Why you should choose me? First of all I'm from Poland not India or Bangladesh. I'm a professional web developer (coder and designer) with 10+ years exp Some my projects ( More

$100 USD in 5 days
(36 Reviews)
5.9

28 freelancers are bidding on average $186 for this job

michale21

A proposal has not yet been provided

$189 USD in 4 days
(519 Reviews)
8.9
VnBestSolutions

Dear Sir, We claim to get it done perfectly for you EXACTLY in the way you want it - Kindly give we a chance and we will prove myself - Ready to prove our words, let's get it done right away and I mean RIGHT AWAY !! More

$284 USD in 3 days
(227 Reviews)
7.0
narendra1

I will help you in fixing CSS / javascript issues on your site. I will provide you quality work done in timely manner.

$189 USD in 3 days
(129 Reviews)
6.7
ouit

Hello Mr. I Can Do This work for you . professionnal In : HTML5 + PHP + WORDPRESS = Creation + Edit + Set-Up = Themes + Plugins + Functions \\\ Joomla = Edit + Set-Up = Themes + Plugins + Compenents + Moduls \\\ Crea More

$111 USD in 3 days
(108 Reviews)
6.7
erphanvw

Hi, I can do this with quality deliverables. I am experienced web designer and developer - and are having 14+ years of experience in web design and development. I reviewed your site and will do this within next 4-5 More

$250 USD in 4 days
(117 Reviews)
6.9
usin

we are experienced on PHP framework. Get a professional work for your "CSS3 & HTML5 Coding". So please refer our message board for more details. Quality Guaranteed just escrow needed to get started.

$250 USD in 10 days
(122 Reviews)
6.6
MilutinAleksic

**********. Design - Creativity - Passion .*********** Hello, How are you? I'm interested in this project and I can help with CSS changes. Let me know link to website or files so I can look into in. Thanks, More

$98 USD in 10 days
(14 Reviews)
5.7
sunsriinfosys

Hi, I have over 13 years of Experience in software design, development and implementation of various commercial applications in Client/Server environment, Web and ERP applications using C# 1.1/2.0/3.5, ASP.Net, VB.N More

$155 USD in 3 days
(20 Reviews)
4.4
crea8ivity

Hi hope you must be doing fine... we are working in php from last more than five years and hopefully will fix your Check out my portfolio issues of css/javascript nd get the satisfactory work from us..

$155 USD in 3 days
(17 Reviews)
3.7
digof

you already tried many things :P btw the website is not responsive to fit on all mobile screens, well I will fixed the issues that you have mentioned

$155 USD in 3 days
(6 Reviews)
3.7
NomadGraphix

We can take this project and quickly and efficiently take care of these problems you are experiencing with your mobile UI. Our team is ready to start as soon as possible.

$250 USD in 5 days
(4 Reviews)
2.7
teamzstudio

Hello, Greetings!!! We are interested for your project, but we need to interact with you, and would require the Server end credentials for this job. Please visit at www.teamzstudio.net. Regards Teamzstudio

$230 USD in 8 days
(2 Reviews)
1.0
dosapatilakshmi

Hi, I have more than three plus years of experience in designing and developing php projects. I have done many projects with best outputs. I have gone through your requirements and I am ready to work for you. Please g More

$123 USD in 3 days
(0 Reviews)
0.0
strings8

A proposal has not yet been provided

$200 USD in 5 days
(0 Reviews)
0.0
MichaelPace

Hellow, How are you doing? I have been working in web development for several years. Your instructions seem clear and simple and would be an easy job to take on. I have a pretty open schedule right now and could dev More

$194 USD in 3 days
(0 Reviews)
0.0
jbthummar1311

Hi Sir, I have been working on html5, javascript and css3 for 1.5 year. I think simple css and javascript touch will be enough. Waiting for your response. Thank you.

$155 USD in 7 days
(0 Reviews)
0.6
noumanbizterrace

Hi, I would like to offer you my services for this job you posted. 4+ years of experience and have developed many website, portals for international client. My expertise are in UI and back end development. I have go More

$111 USD in 3 days
(0 Reviews)
0.0