Correct CSS coding
$30-250 USD
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
Project ID: #5781788
About the project
28 freelancers are bidding on average $186 for this job
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
I will help you in fixing CSS / javascript issues on your site. I will provide you quality work done in timely manner.
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.
**********. 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
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
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..
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
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.
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
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
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
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.
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