Viewing How do I implement the navbar on a site with both normal and mobile pages

How do I implement the navbar on a site with both normal and mobile pages



User: Paul W. 10 years ago
Hi,
I am trying to create a mobile version of a site I am developing and have followed the video tutorial.

My design uses a master template which contains the navigation menu.

When create a mobile version of the home page then it creates a page "home 1" which is OK for testing. But EW also puts this page in the navbar. Am I right in assuming that mobile pages should not have the "include in navigation menu" checked?

Also when testing on my phone I believe the redirection messes up my URL.
I have a main website "www.dbase-systems.com" and for testing I just add a folder level below this. So in this case the URL which is not publicised would be www.dbase-systems.com/GHF which works great and I can navigate to all the necessary pages. However when EW tries to redirect to the mobile version ist removes the GHF part and attemts to get at www.dbase-systems.com/home-1.html which of course does not exist.

Is there a way to fix this for testing? I have no way of testing with an iPhone on my development machine.

Also I noticed that EW does not swap to mobile on my iPad. Is this working as designed?

Thanks
-Paul-
User: Jumbo T. 10 years ago
Considering the business you're in, it amazes me that you cannot solve this tiny problem.

Anyway, here's the clue :

window.location = "/home-1.html"+vars;

It redirects to the root of the website.

And why not consult your own people : Web-Sites for Professionals
User: Paul W. 10 years ago
I have always tried not to interfere with the internals of any generator such as Everweb. Which Is why I hoped I was just missing something.

As I see it then there is no clean solution to either this problem or to the navbar situation. In the past I have created entirely separate web versions but obviously this needs somehow to be automated in conjunction with EW.

As to your comments about us, we use EW for simpler stuff where we specifically do not want to get involved with any internals. Our main sites/shops/interactive browser based cgi-apps are an entirely different kettle of fish.

BTW. According to Oscar Wilde sarcasm is the lowest form of comedy! I find your reply more than discourteous!
User: Roddy 10 years ago
With larger sites it can be a lot easier just to create the mobile version(s) in a separate project as outlined HERE.

If you want to create a version for tablets, change the screen width to something greater than 1054px.

It also has info about installing the iOS Simulator. Once installed, you can add it to the list which appears when you click the EverWeb Preview button so that you can preview in iPad and iPhone. This seems to be a bit too complicated for some but there is an option to preview in these devices in the Safari Develop menu in the upcoming version of OS X which will make life a lot easier.

You can also use a different widget to create the mobile site's navigation like those shown here and here.

Every forum has its resident trolls and we are fortunate just to have one. The "sarcasm" in this case is being used to provide a person with an inferiority complex an opportunity to feel superior to those who have a lesser knowkedge in one small area of web design.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul W. 10 years ago
Thank you Roddy, the information was extremely helpful.
I think that creating a separate project file will be the way to go. I have used that method before on sites where I have more than one language version and give the user himself the chance to select which language he wants to see. Of course in the case of the mobile stuff it is better to auto-direct the browser depending on screen size as you showed.

Recently I have been making most site layouts look best on a tablet, because my current experience ist that this is what more and more people are using. It means there is a blank area at the bottom of a full PC screen, but that does not seem to matter too much.

I have not used the everwebcodebox widgets so far but I will probably buy them because they add some extremely interesting capabilities. Do you have an improved contact form. The standard EW one is OK in some cases but also somewhat limited?

Thanks again for your help.
User: Steve 10 years ago
Typically you would just turn off the nav menu option for that page...

Last edit 10 years ago

-------------------------------
MacBook Pro 15in Retina 10.14.6
Nevada, U.S.A
Apple since OS 7.1 LE II (pizza box)
User: Steve 10 years ago
Re: the last post...

-------------------------------
MacBook Pro 15in Retina 10.14.6
Nevada, U.S.A
Apple since OS 7.1 LE II (pizza box)

Screen Shot 2015-07-24 at 10.19.05 PM.png
User: Roddy 10 years ago
Quote:
Recently I have been making most site layouts look best on a tablet, because my current experience ist that this is what more and more people are using.

I agree with this and the sections 3 and 4 of the WIdgets site are created with an 800px wide content width for this reason.

I am working on a set of widgets and a method for quickly creating 3 versions of the a site. Due to the devices which people are using for surfing for info, in a lot of cases it makes more sense to create the smart phone version first, then one for tablets and lastly a full site.

There are some Form Widgets which have the option to add features like extra fields, checkboxes and a drop down select. They require the user to make a small alteration to a PHP script but all those who have tried it seem to have managed OK by following the instructions.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.