Dover Fine Responsive Template

[dharrison]

Hi Anne

I anticipate using this template for one of my new websites (my boss was well impressed)

Is it easy to change the circle that the caption fits on to a rectangle? I have been looking at the code on the demo site, but I cannot identify where I can change this.

Any help would be very much appreciated.

[picaflor-azul]

Hi Anne

I anticipate using this template for one of my new websites (my boss was well impressed)

Is it easy to change the circle that the caption fits on to a rectangle? I have been looking at the code on the demo site, but I cannot identify where I can change this.

Any help would be very much appreciated.

If you read the readme.html file you will see that these are the banner titles you will set in the banner manager.

Thanks,

Anne

[AndyJordaan]

Hi Anne,

A am still trying to reduce my bounce rate, (Slowly but surely - I have already reduced it quite a bit ) , I think that another reason is possibly the same problem as " Simon 1066 " was reporting, here is what was shown to me and I replicated,



My menu throws right across the page, otherwise it performs ok, provided the user scrolls down the page

I strongly suspect this could be a culprit, . . . drilling down in analytics just shows the bounces as quite random and pre - dover fine I never had these high figures for bounce . . .

Do you have any ideas to control / prevent the menu from doing this ?

I left the analytics on to show the extent of the problem

Thanks in advance

Andy

[picaflor-azul]

Hi Anne,

A am still trying to reduce my bounce rate, (Slowly but surely - I have already reduced it quite a bit ) , I think that another reason is possibly the same problem as " Simon 1066 " was reporting, here is what was shown to me and I replicated,



My menu throws right across the page, otherwise it performs ok, provided the user scrolls down the page

I strongly suspect this could be a culprit, . . . drilling down in analytics just shows the bounces as quite random and pre - dover fine I never had these high figures for bounce . . .

Do you have any ideas to control / prevent the menu from doing this ?

I left the analytics on to show the extent of the problem

Thanks in advance

Andy

I am sorry but I don't understand your question. Do you want to change the menu?

Thanks,

Anne

[AndyJordaan]

Hi Anne,

Sorry , the above is very poorly explained, here is a image of the home page,



As you can see the menu is to the one side, I have trimmed ( the length) and modified (the colours) of the menu substantially,(I really like the usability) and does throw out to sometimes three childs (sub-sub-categories). All the mods you see are me trying to get usability but mainly bounce down to where it was.

My bounce rate is still very high and I am Suspecting that my customers are taking their browsers off of full screen size and thereby causing the menu to throw across the screen as in the first image

That is why I posted asking if you had any Idea of where / how to prevent the menu from doing this under these conditions, I have noticed that on my phone, (android) the menu also performs the same way and you have to scroll below the menu to see the categories and /or products

Hope this makes more sense

Andy

[picaflor-azul]

Hi Anne,

Sorry , the above is very poorly explained, here is a image of the home page,



As you can see the menu is to the one side, I have trimmed ( the length) and modified (the colours) of the menu substantially,(I really like the usability) and does throw out to sometimes three childs (sub-sub-categories). All the mods you see are me trying to get usability but mainly bounce down to where it was.

My bounce rate is still very high and I am Suspecting that my customers are taking their browsers off of full screen size and thereby causing the menu to throw across the screen as in the first image

That is why I posted asking if you had any Idea of where / how to prevent the menu from doing this under these conditions, I have noticed that on my phone, (android) the menu also performs the same way and you have to scroll below the menu to see the categories and /or products

Hope this makes more sense

Andy

Do you wan to remove the categories fly out in the categories side box?

Thanks,

Anne

[AndyJordaan]

Do you want to remove the categories fly out in the categories side box?

Thanks,

Anne

No my focus is on reducing bounce, the fly out in the categories side box is working very well under normal conditions.

I think by high bounce is caused by the categories side box throwing across the page under abnormal ( reduced screen size) conditions as shown in the first image

Andy

[picaflor-azul]

No my focus is on reducing bounce, the fly out in the categories side box is working very well under normal conditions.

I think by high bounce is caused by the categories side box throwing across the page under abnormal ( reduced screen size) conditions as shown in the first image

Andy

The only screen resolutions that the fly out menu shows on is desktops, laptops, and landscape portraits. You can hide the categories sidebox on landscape portraits by editing the responsive_tablet.css file.

Thanks,

Anne

[batracy]

Hmph, seems I found another problem. When trying to navigate on my iPhone 5 the screen behaves badly - as in instead of scrolling to allow selection of menu items, it just clears and goes back to the home page at the moment when the browser bar at the top and the browser options bar at the bottom clear.

I tested this on the simulator and it worked fine - just does it on the actual phone. Any ideas?

I would really like to figure out what is going on here. It's probably an iPhone issue, does any one know what is causing this?

[AndyJordaan]

The only screen resolutions that the fly out menu shows on is desktops, laptops, and landscape portraits. You can hide the categories sidebox on landscape portraits by editing the responsive_tablet.css file.

Thanks,

Anne

Hi Anne,
Ok . . . it took a bit of hunting but I think I go it.

I found " responsive_default.css " could be the culprit

The initial opening bracket was killing the code (a lot of the code was grey ).

As soon as the bracket was gone the flyout started to perform as supposed too. . . .
/*
@media (max-width:480px){
*/
became
@media (max-width:480px)

I must also mention that a long while ago I found an identical problem in another css, I keep record so if it becomes relevant I could look it up with the reason that I took the bracket away there . . .

Thanks for the hint I was definitely a stumped

Andy