Dover Fine Responsive Template

SPH:

Okay, putting a My Account link in the blank sidebox seems too difficult for me now (I know, even the simplest things can become big) and the More Information sidebox didn't appear when I turned it on. So I think I've solved my "issue" with the ezpage sidebox with just a link to My Account. Actually, the ezpage sidebox was my first thought since I've used it in the past.

Now I'm thinking of a potentially more serious issue. The lack of text content on the homepage. The slide pics are very nice and dramatic but everything I've read here at zc indicates that there should be some text.

And looking at the "main page text" in admin I just saw why I kept seeing the GHOST of the Winchester New/Featured home images: I brought it over to this template. duh. But trying text makes it hidden at the top near the logo. I wonder if text can be added maybe at the bottom below the slide? But that probably wouldn't look good.

So the choice is looks vs content text?

You need to turn off the banners from the winchester responsive templates. If you want them to show on the dover fine template you will need to adjust the z-index. The same is true of the home page text or any other page element that you want to add to the main page. Anything can be turned on, added, etc, but due the z-index on the background slide show, you will need to adjust the z-indexes of the elements so that they will show on top of the slide show.

You could also add the content in a div below the slide show. There are many possibilites---no reason to choose between content and the slide show.

As always, the free template packages are offered as a starting point. If you do not want to use them "out of the box", then you can modify them as you need to.

Thanks,

Anne

Slideshow looks great in landscape, but is distorted in portrait view on my Android phone. (LG Optimus Pro). Is anyone else seeing the same??

DivaVocals:

Slideshow looks great in landscape, but is distorted in portrait view on my Android phone. (LG Optimus Pro). Is anyone else seeing the same??

I think that must be another inherent issue related to Android devices. Distortion in all portrait orientations and responsive menus don't work at all on Android tablets.

I know Anne is trying to work through the Android menu issues but there are so many variables that it must be a nightmare. 3 User agents for Apple devices. 180 user agents for Android devices from our GA stats. But Android accounts for 11% of the traffic.

RixStix:

I think that must be another inherent issue related to Android devices. Distortion in all portrait orientations and responsive menus don't work at all on Android tablets.

I know Anne is trying to work through the Android menu issues but there are so many variables that it must be a nightmare. 3 User agents for Apple devices. 180 user agents for Android devices from our GA stats. But Android accounts for 11% of the traffic.
I would agree about the menus except I found menus in the Envato marketplace where the demos work on my Android tablets and phones.. So I'm not ready to give up on the menus yet..:smile:

The slideshow is another story.. I've had NO ISSUES with the Nivo slideshow on other sites, so I'm thinking there's an adjustment on this slideshow that is needed..

DivaVocals:

I would agree about the menus except I found menus in the Envato marketplace where the demos work on my Android tablets and phones.. So I'm not ready to give up on the menus yet..:smile:

The slideshow is another story.. I've had NO ISSUES with the Nivo slideshow on other sites, so I'm thinking there's an adjustment on this slideshow that is needed..

This template is using the supersized full screen slide show.

Which menus from envato work for your android tablet?

Thanks,

Anne

picaflor-azul:

This template is using the supersized full screen slide show.Understood, but it looks distorted in portrait mode on my smartphone.. is there a fix??

picaflor-azul:

Which menus from envato work for your android tablet?Sent you a PM.. :smile: pretty sure the admins will remove the links if I posted them here..

DivaVocals:

Understood, but it looks distorted in portrait mode on my smartphone.. is there a fix??

Sent you a PM.. :smile: pretty sure the admins will remove the links if I posted them here..

Thanks for the pm.

I don't know about the slide show. I will take a look at the supersized web site to see if they have any help.

What is distorted? The captions or the background images?

Thanks,

Anne

picaflor-azul:

Thanks for the pm.You're welcome!:smile: Hope it proves useful..

picaflor-azul:

I don't know about the slide show. I will take a look at the supersized web site to see if they have any help.

What is distorted? The captions or the background images?

Thanks,

AnneThe background image is distorted.. BADLY..

DivaVocals:

You're welcome!:smile: Hope it proves useful..

The background image is distorted.. BADLY..

Is anyone else seeing this? On which device specifically are you seeing this? Please post so that I can figure out what is happening. I did not see this problem while testing.

Thanks,

Anne

I thought that I mentioned this in PM when I was testing the menu functionality.

Portrait orientation:
7" generic tablet
8" Galaxy Tab 3
10" Galaxy Tab 3
Motorola Razr M

BUT

I will have to retest but IIRC the distortion was browser dependent. Some browser, no distortion. Another, very distorted.

DivaVocals:

Slideshow looks great in landscape, but is distorted in portrait view on my** Android phone. (LG Optimus Pro)**. Is anyone else seeing the same??

picaflor-azul:

Thanks for the pm.

I don't know about the slide show. I will take a look at the supersized web site to see if they have any help.

What is distorted? The captions or the background images?

Thanks,

Anne

Highlighted from my original post..

I do not see any effects of distortions on HTC One, Samsung S5 and also a rooted nook hd tablet. Browsers used on all were Firefox and Chrome and show no distortions. As for the menu, I have seen that one before and I think the developer did not intend for it to be used on mobile phones or tablets as the hover function overrides the click function. But even if code can be written to override the hover for click for touch devices, the issue will still come back as many browsers allow users to switch user agents to view desktop versions. So this would still cause issues for those customers who do so.

RixStix:

I thought that I mentioned this in PM when I was testing the menu functionality.

Portrait orientation:
7" generic tablet
8" Galaxy Tab 3
10" Galaxy Tab 3
Motorola Razr M

BUT

I will have to retest but IIRC the distortion was browser dependent. Some browser, no distortion. Another, very distorted.

Just looked again on 8" tablet
. Looks ok chrome/firefox.

Distorted in native Samsung tablet browser & Lastpass browsers. When distorted, it is the logo oval & text oval associated w/slides.

RixStix:

Just looked again on 8" tablet
. Looks ok chrome/firefox.

Distorted in native Samsung tablet browser & Lastpass browsers. When distorted, it is the logo oval & text oval associated w/slides.

Are the background images distorted? On the smaller screens the captions do turn to ovals.

Thanks,

Anne

picaflor-azul:

Are the background images distorted? On the smaller screens the captions do turn to ovals.

Tablet:
The background images did not appear to be distorted.
The logo & captions are not distorted in Chrome or Firefox but are distorted in Samsung browser and LastPass browsers.

I did not test using our Android mobile (yet)

yaritai:

I do not see any effects of distortions on HTC One, Samsung S5 and also a rooted nook hd tablet. Browsers used on all were Firefox and Chrome and show no distortions. As for the menu, I have seen that one before and I think the developer did not intend for it to be used on mobile phones or tablets as the hover function overrides the click function. But even if code can be written to override the hover for click for touch devices, the issue will still come back as many browsers allow users to switch user agents to view desktop versions. So this would still cause issues for those customers who do so.

Thank you for your input ;) Are you talking about the slimmenu? or the flyout menu (used from the fidelity template by sam wilson 3d)? As far as I know, both of these menus are switching the on hover to on click when the screen size reaches a certain width (slimmenu is 768px).

So, if I understand correctly, these tablet devices have a screen size larger than the 768 pixels and the on hovers are not changing to on clicks?

Thanks,

Anne

Anne,

The slimMenu is actually perfect for RWD because it will always convert to a toggle menu based on the devices viewport NOT the UA which means it allows the toggle menu to function while in isNonResponsive mode for mobile and tablet devices.

If one wanted to show the drop-down in the isNonResponsive mode for mobile and tablet devices, that also works correctly. I have this running on a test site wrapped in the php-mobile-detect code to keep the menu from shrinking in isNonResponsive mode and the menu still functions correctly as a drop-down menu with the already built in onclick function to override the hover function.

I see no distortions on any of my droid phones or tablets so I can't help there, the slimMenu does work on my droid devices perfectly with some minor code changes, I also have the menu packages ready for you. I will PM those to you as well by weeks end, sorry, been extremely busy.

rbarbour:

The slimMenu is actually perfect for RWD because it will always convert to a toggle menu based on the devices viewport NOT the UA which means it allows the toggle menu to function while in isNonResponsive mode for mobile and tablet devices.

If one wanted to show the drop-down in the isNonResponsive mode for mobile and tablet devices, that also works correctly. I have this running on a test site wrapped in the php-mobile-detect code to keep the menu from shrinking in isNonResponsive mode and the menu still functions correctly as a drop-down menu with the already built in onclick function to override the hover function.

I see no distortions on any of my droid phones or tablets so I can't help there, the slimMenu does work on my droid devices perfectly with some minor code changes, I also have the menu packages ready for you. I will PM those to you as well by weeks end, sorry, been extremely busy.

I dont understand this because the slim menu does not function on any of my Android tablets & I am not the only one. It doesn't make sense to claim a responsive template that is functional for all devices when it is responsive but menu is not functional. I shouldn't have to tutor customers to tap the arrow instead of the button to make things work. And then, if their desired selection is offscreen, they cannot make a selection because the menu will collapse.

Anne Is trying. Things improve, but still are not functional.

RixStix:

I dont understand this because the slim menu does not function on any of my Android tablets & I am not the only one.

Understood, I did say "with some minor code changes". Maybe it only works on my androids!

RixStix:

It doesn't make sense to claim a responsive template that is functional for all devices when it is responsive but menu is not functional.

It is open source and a new menu could be easily implemented.

RixStix:

I shouldn't have to tutor customers to tap the arrow instead of the button to make things work. And then, if their desired selection is offscreen, they cannot make a selection because the menu will collapse.

I believe I also fixed this issue with "some minor code changes". May be wrong though.

RixStix:

Anne Is trying. Things improve, but still are not functional.

The code, the templates and even plugins are improving and have yet to see FREE or COMMERCIAL Responsive templates for ZC that are even close to serving up perfectly on all devices. I am sure Anne is open to any suggestions to menus that you come across that work on all devices.

rbarbour:

Anne,

The slimMenu is actually perfect for RWD because it will always convert to a toggle menu based on the devices viewport NOT the UA which means it allows the toggle menu to function while in isNonResponsive mode for mobile and tablet devices.

If one wanted to show the drop-down in the isNonResponsive mode for mobile and tablet devices, that also works correctly. I have this running on a test site wrapped in the php-mobile-detect code to keep the menu from shrinking in isNonResponsive mode and the menu still functions correctly as a drop-down menu with the already built in onclick function to override the hover function.

I see no distortions on any of my droid phones or tablets so I can't help there, the slimMenu does work on my droid devices perfectly with some minor code changes, I also have the menu packages ready for you. I will PM those to you as well by weeks end, sorry, been extremely busy.

Thank you for the explanation :smile: It is much clearer to me now.

I appreciate your menu code and will incorporate it into new responsive template packages and updates.

I would love to test out your 3.0 code! The DIY Responsive Template Default just keeps getting better and better :cool:

Thanks,

Anne