Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Mobile Usability problems - responsive.css issue? responsive_all_business

Mobile Usability problems - responsive.css issue? responsive_all_business

Views: 6,017

Results 1 to 5 of 5
19 Jun 2018, 4:13 AM
#1
shags38 avatar

shags38

Totally Zenned

Join Date:
Jan 2011
Location:
Adelaide, Australia
Posts:
1,684
Plugin Contributions:
0

Mobile Usability problems - responsive.css issue? responsive_all_business

using responsive_all_business template - have made recent changes to template, removed right column (admin/configuration/layout settings/column right global setting off), increased header image size to full page width and installed header dropdown menu and now I am getting issues with mobile usability - 1. content too wide for the page and 2. clickable items too close together.

Below is the responsive.css file for the template - it contains a bunch of pixel entries/limits so I am just wondering if these pixel entries/limits should be replaced with 100% - if not all, then some, that will make the pages render correctly - looking for some advice here please.

cheers,
Mike

.clearfix {
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

img {
    max-width: 100%;
    height: auto;
    border: 0
}

.leftBoxContainer {
    margin-left: 0.5em
}

.onerow {
    margin-left: -5px;
    *zoom: 1
}

.onerow:before,
.onerow:after {
    display: table;
    content: ""
}

.onerow:after {
    clear: both
}

[class*="col"] {
    float: left;
    margin-left: 5px
}

.col1 {
    width: 75px
}

.col2 {
    width: 155px
}

.col3 {
    width: 235px
}

.col4 {
    width: 315px
}

.col5 {
    width: 395px
}

.col6 {
    width: 475px
}

.col7 {
    width: 555px
}

.col8 {
    width: 635px
}

.col9 {
    width: 715px
}

.col10 {
    width: 795px
}

.col11 {
    width: 875px
}

.col12,
.row-col-wrapper {
    width: 960px
}

.offset1 {
    margin-left: 85px
}

.offset2 {
    margin-left: 165px
}

.offset3 {
    margin-left: 245px
}

.offset4 {
    margin-left: 325px
}

.offset5 {
    margin-left: 405px
}

.offset6 {
    margin-left: 485px
}

.offset7 {
    margin-left: 565px
}

.offset8 {
    margin-left: 645px
}

.offset9 {
    margin-left: 725px
}

.offset10 {
    margin-left: 805px
}

.offset11 {
    margin-left: 885px
}

.onerow-fluid {
    width: 980px;
    *zoom: 1;
    background: #fff;
    margin: 0 auto
}

.onerow-fluid:before,
.onerow-fluid:after {
    display: table;
    content: ""
}

.onerow-fluid:after {
    clear: both
}

.onerow-fluid>[class*="col"] {
    float: left;
    margin-left: 0.5208%
}

.onerow-fluid>[class*="col"]:first-child {
    margin-left: 0
}

.onerow-fluid>.col1 {
    width: 07.8125%
}

.onerow-fluid>.col2 {
    width: 16.1458%
}

.onerow-fluid>.col3 {
    width: 24.4792%
}

.onerow-fluid>.col4 {
    width: 32.8125%
}

.onerow-fluid>.col5 {
    width: 41.1458%
}

.onerow-fluid>.col6 {
    width: 49.4792%
}

.onerow-fluid>.col7 {
    width: 57.8125%
}

.onerow-fluid>.col8 {
    width: 66.1458%
}

.onerow-fluid>.col9 {
    width: 74.4792%
}

.onerow-fluid>.col10 {
    width: 82.8125%
}

.onerow-fluid>.col11 {
    width: 91.1458%
}

.onerow-fluid>.col12 {
    width: 99.9999%
}

.row-col-wrapper {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1
}

.row-col-wrapper:before,
.row-col-wrapper:after {
    display: table;
    content: ""
}

.row-col-wrapper:after {
    clear: both
}

.row-col-wrapper-fluid {
    padding-left: 20px;
    padding-right: 20px;
    *zoom: 1
}

.row-col-wrapper-fluid:before,
.row-col-wrapper-fluid:after {
    display: table;
    content: ""
}

.row-col-wrapper-fluid:after {
    clear: both
}

@media (max-width:480px) {
    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0)
    }
    img.listingProductImage {
        max-width: ;
        height:
    }
    div#navMainSearch,
    div#navMain,
    div#navMain ul {
        float: none;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100% !important
    }
    #headerWrapper,
    div#logoWrapper {
        height: auto
    }
    div.centerBoxContentsProducts.centeredContent,
    div.centerBoxContentsNew.centeredContent,
    div.categoryListBoxContents.centeredContent,
    div.centerBoxContentsAlsoPurch.centeredContent,
    div.centerBoxContentsFeatured.centeredContent,
    div.centerBoxContentsSpecials.centeredContent,
    div.specialsListBoxContents,
    div.categoryListBoxContents {
        clear: both;
        width: 100% !important;
        height: auto
    }
    .centerBoxContentsNew {
        clear: both;
        float: none
    }
    .centerBoxHeading {
        clear: both
    }
    div#logo IMG {
        clear: both
    }
    .centerColumn {
        padding: 0 0.5em 2.0em 0.5em
    }
    table#cartContentsDisplay IMG,
    table#cartContentsDisplay input[type="image"] {
        width: 12px;
        height: 12px
    }
    .cartProductDisplay {
        text-align: left;
        padding: 5px
    }
    .cartQuantity INPUT {
        width: 75% !important
    }
    td.productListing-data INPUT {
        width: 20% !important
    }
    div#checkoutShipto IMG,
    div#checkoutBillto IMG {
        clear: both;
        position: relative;
        left: 20px
    }
    div#checkoutBillto,
    div#checkoutShipto,
    div.floatingBox {
        font-size: 10px
    }
    .leftBoxContainer,
    .rightBoxContainer {
        margin: 0.5em
    }
    input[type="text"],
    input[type="password"],
    select {
        width: 85%
    }
    div#advSearchDefault.centerColumn fieldset {
        clear: both;
        float: none;
        width: 95%
    }
    .cartProductDisplay IMG,
    span#cartImage.back {
        display: none;
        visibility: hidden
    }
    .cartProductDisplay {
        text-align: left;
        padding: 5px
    }
    .cartProductDisplay ul,
    span#cartProdTitle {
        text-align: left;
        padding: 0px;
        margin: 0
    }
    div#checkoutBillto.back,
    div#checkoutShipto.forward,
    div#accountLinksWrapper {
        clear: both;
        float: none;
        width: 95%
    }
    th#thcol1,
    th#thcol3,
    td#tdcol1,
    td#tdcol3,
    .minWidthHide {
        display: none;
        visibility: hidden
    }
    .minWidthShow {
        display: block;
        visibility: visible
    }
    dd.fourth,
    dd.first,
    dd.second,
    dd.third {
        display: none
    }
    #footer dl {
        height: 30px
    }
    #social-media {
        clear: both;
        width: 100% !important;
        margin-left: 0px;
        border: none;
        height: auto;
        flot: none;
        position: relative;
        top: -30px
    }
    #siteinfoLegal {
        clear: both;
        width: 100% !important;
        margin-left: 0px;
        border: none;
        height: auto;
        text-align: left !important;
        margin-top: 50px;
        float: none;
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    #footer {
        padding-bottom: 20px
    }
    .vDotLine,
    .hDotLine {
        display: none
    }
    #main-container {
        margin-top: 0px
    }
    #navMain ul,
    #header-lan-curr {
        display: none
    }
    #logo {
        float: none
    }
    #navMainSearch {
        display: none
    }
    .mobile-search input[type=text] {
        height: 18px;
        width: 60%;
        margin-left: 20px;
        margin-top: 30px;
        margin-bottom: 30px
    }
    .mobile-search input[type=image] {
        vertical-align: middle
    }
    #categoryIcon {
        display: none
    }
    .heading {
        display: block
    }
    #p-left {
        margin-top: 20px;
        margin-bottom: 20px
    }
    #p-right {
        float: none;
        clear: both
    }
    #productName {
        text-align: center
    }
    #navBreadCrumb {
        display: none
    }
    .listingDescription {
        display: none
    }
    .centerBoxContentsProducts input[type=text] {
        width: 25%
    }
    .m-cart {
        float: right
    }
    .m-home {
        float: right;
        margin-left: 20px
    }
    #scUnitHeading,
    .cartUnitDisplay {
        display: none
    }
    #shoppingCartDefault .forward,
    #shoppingCartDefault .back {
        float: none
    }
    #BackToTop {
        z-index: 100000
    }
    #moduleMenu span a {
        padding-left: 20px
    }
    .container {
        width: auto;
        height: 332px
    }
    #moduleMenu-wrapper {
        margin-top: 40px
    }
    #home-text {
        margin-top: -100px
    }
}

@media (max-width:767px) {
    .row-col-wrapper {
        width: auto;
        padding: 0 5px
    }
    .onerow-fluid {
        width: 100%
    }
    .onerow {
        margin-left: 0
    }
    .onerow>[class*="col"],
    .onerow-fluid>[class*="col"] {
        float: none;
        display: block;
        width: auto;
        margin: 0
    }
    img.listingProductImage {
        width: ;
        height:
    }
    div#navMainSearch,
    div#navMain,
    div#navMain ul {
        float: none;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100% !important
    }
    #headerWrapper,
    div#logoWrapper {
        height: auto
    }
    div.centerBoxContentsProducts.centeredContent,
    div.centerBoxContentsNew.centeredContent,
    div.categoryListBoxContents.centeredContent,
    div.centerBoxContentsAlsoPurch.centeredContent,
    div.centerBoxContentsFeatured.centeredContent,
    div.centerBoxContentsSpecials.centeredContent,
    div.specialsListBoxContents,
    div.categoryListBoxContents {
        clear: both;
        width: 100% !important;
        height: auto
    }
    div#logo IMG {
        clear: both
    }
    .centerColumn {
        padding: 0 0.5em 2.0em 0.5em
    }
    table#cartContentsDisplay IMG,
    table#cartContentsDisplay input[type="image"] {
        width: 12px;
        height: 12px
    }
    .cartProductDisplay {
        text-align: left;
        padding: 5px
    }
    .cartQuantity INPUT {
        width: 75% !important
    }
    td.productListing-data INPUT {
        width: 20% !important
    }
    div#checkoutShipto IMG,
    div#checkoutBillto IMG {
        clear: both
    }
    div#checkoutBillto,
    div#checkoutShipto,
    div.floatingBox {
        font-size: 10px
    }
    .leftBoxContainer,
    .rightBoxContainer {
        margin: 0.5em
    }
    input[type="text"],
    input[type="password"],
    select {
        width: 85%
    }
    div#advSearchDefault.centerColumn fieldset {
        clear: both;
        float: none;
        width: 95%
    }
    .cartProductDisplay IMG,
    span#cartImage.back {
        display: none;
        visibility: hidden
    }
    .cartProductDisplay {
        text-align: left;
        padding: 5px
    }
    .cartProductDisplay ul,
    span#cartProdTitle {
        text-align: left;
        padding: 0px;
        margin: 0
    }
    div#checkoutBillto.back,
    div#checkoutShipto.forward,
    div#accountLinksWrapper {
        clear: both;
        float: none;
        width: 95%
    }
    th#thcol1,
    th#thcol3,
    td#tdcol1,
    td#tdcol3,
    .minWidthHide {
        display: none;
        visibility: hidden
    }
    .minWidthShow {
        display: block;
        visibility: visible
    }
    .cart-icon {
        vertical-align: middle
    }
    #container {
        display: block
    }
    .active {
        display: block
    }
    .nav > li {
        float: none
    }
    .nav > li > .parent {
        background-position: 95% 50%
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%
    }
    .nav ul {
        display: block;
        width: 100%
    }
    .nav > li.hover > ul,
    .nav li li.hover ul {
        position: static
    }
    .m-cart {
        float: right
    }
    .m-home {
        float: right;
        margin-left: 20px
    }
    dd.fourth,
    dd.first,
    dd.second,
    dd.third {
        display: none
    }
    #footer {
        padding-bottom: 20px
    }
    #social-media {
        clear: both;
        width: 90% !important;
        margin: 0 auto;
        border: none;
        height: auto;
        float: none;
        position: relative;
        top: -30px
    }
    #siteinfoLegal {
        clear: both;
        width: 100% !important;
        margin-left: 0px;
        border: none;
        height: auto;
        text-align: center;
        margin-top: 10px
    }
    dl {
        height: 30px
    }
    #navMain ul,
    #navMainSearch,
    #header-lan-curr {
        display: none
    }
    #main-container {
        margin-top: 0px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .onerow {
        margin-left: -5px;
        *zoom: 1
    }
    .onerow:before,
    .onerow:after {
        display: table;
        content: ""
    }
    .onerow:after {
        clear: both
    }
    [class*="col"] {
        float: left;
        margin-left: 5px
    }
    .col1 {
        width: 59px
    }
    .col2 {
        width: 123px
    }
    .col3 {
        width: 187px
    }
    .col4 {
        width: 251px
    }
    .col5 {
        width: 315px
    }
    .col6 {
        width: 379px
    }
    .col7 {
        width: 443px
    }
    .col8 {
        width: 507px
    }
    .col9 {
        width: 571px
    }
    .col10 {
        width: 635px
    }
    .col11 {
        width: 699px
    }
    .col12,
    .row-col-wrapper {
        width: 768px
    }
    .offset1 {
        margin-left: 69px
    }
    .offset2 {
        margin-left: 133px
    }
    .offset3 {
        margin-left: 197px
    }
    .offset4 {
        margin-left: 261px
    }
    .offset5 {
        margin-left: 325px
    }
    .offset6 {
        margin-left: 389px
    }
    .offset7 {
        margin-left: 453px
    }
    .offset8 {
        margin-left: 517px
    }
    .offset9 {
        margin-left: 581px
    }
    .offset10 {
        margin-left: 645px
    }
    .offset11 {
        margin-left: 709px
    }
    .onerow-fluid {
        width: 700px;
        *zoom: 1;
        margin: 0 auto
    }
    .onerow-fluid:before,
    .onerow-fluid:after {
        display: table;
        content: ""
    }
    .onerow-fluid:after {
        clear: both
    }
    .onerow-fluid>[class*="col"] {
        float: left;
        margin-left: 0.6510%
    }
    .onerow-fluid>[class*="col"]:first-child {
        margin-left: 0
    }
    .onerow-fluid>.col1 {
        width: 7.6823%
    }
    .onerow-fluid>.col2 {
        width: 18.0156%
    }
    .onerow-fluid>.col3 {
        width: 24.3490%
    }
    .onerow-fluid>.col4 {
        width: 32.6823%
    }
    .onerow-fluid>.col5 {
        width: 41.0156%
    }
    .onerow-fluid>.col6 {
        width: 49.3490%
    }
    .onerow-fluid>.col7 {
        width: 57.6823%
    }
    .onerow-fluid>.col8 {
        width: 61.99%
    }
    .onerow-fluid>.col9 {
        width: 74.3490%
    }
    .onerow-fluid>.col10 {
        width: 82.6823%
    }
    .onerow-fluid>.col11 {
        width: 91.0156%
    }
    .onerow-fluid>.col12 {
        width: 99.9999%
    }
}

@media (max-width:979px) {
    body {
        padding-top: 0
    }
    #social-media {
        margin-top: 0px
    }
    #siteinfoLegal {
        margin-top: -40px;
        margin-bottom: 20px;
        width: 50%
    }
}

@media (min-width:980px) {
    .nav-collapse.collapse {
        height: auto !important
    }
}

@media (min-width:1200px) {
    .row {
        margin-left: -5px;
        *zoom: 1
    }
    .onerow:before,
    .onerow:after {
        display: table;
        content: ""
    }
    .onerow:after {
        clear: both
    }
    [class*="col"] {
        float: left;
        margin-left: 5px
    }
    .col1 {
        width: 95px
    }
    .col2 {
        width: 195px
    }
    .col3 {
        width: 295px
    }
    .col4 {
        width: 395px
    }
    .col5 {
        width: 495px
    }
    .col6 {
        width: 595px
    }
    .col7 {
        width: 695px
    }
    .col8 {
        width: 795px
    }
    .col9 {
        width: 895px
    }
    .col10 {
        width: 995px
    }
    .col11 {
        width: 1095px
    }
    .col12,
    .row-col-wrapper {
        width: 1200px
    }
    .offset1 {
        margin-left: 105px
    }
    .offset2 {
        margin-left: 205px
    }
    .offset3 {
        margin-left: 305px
    }
    .offset4 {
        margin-left: 405px
    }
    .offset5 {
        margin-left: 505px
    }
    .offset6 {
        margin-left: 605px
    }
    .offset7 {
        margin-left: 705px
    }
    .offset8 {
        margin-left: 805px
    }
    .offset9 {
        margin-left: 905px
    }
    .offset10 {
        margin-left: 1005px
    }
    .offset11 {
        margin-left: 1105px
    }
    .onerow-fluid {
        width: 90%;
        *zoom: 1;
        margin: 0 auto
    }
    .onerow-fluid:before,
    .onerow-fluid:after {
        display: table;
        content: ""
    }
    .onerow-fluid:after {
        clear: both
    }
    .onerow-fluid>[class*="col"] {
        float: left;
        margin-left: 0.4167%
    }
    .onerow-fluid>[class*="col"]:first-child {
        margin-left: 0
    }
    .onerow-fluid>.col1 {
        width: 07.9167%
    }
    .onerow-fluid>.col2 {
        width: 18.2500%
    }
    .onerow-fluid>.col3 {
        width: 24.5833%
    }
    .onerow-fluid>.col4 {
        width: 32.9167%
    }
    .onerow-fluid>.col5 {
        width: 41.2500%
    }
    .onerow-fluid>.col6 {
        width: 49.5833%
    }
    .onerow-fluid>.col7 {
        width: 57.9167%
    }
    .onerow-fluid>.col8 {
        width: 62.2500%
    }
    .onerow-fluid>.col9 {
        width: 74.5833%
    }
    .onerow-fluid>.col10 {
        width: 80.9167%
    }
    .onerow-fluid>.col11 {
        width: 91.2500%
    }
    .onerow-fluid>.col12 {
        width: 99.9999%
    }
    .thumbnails {
        margin-left: -5px
    }
    .thumbnails>li {
        margin-left: 5px
    }
    #container {
        display: none
    }
    .heading {
        display: none
    }
    .content {
        display: block !important
    }
}
20 Jun 2018, 11:42 AM
#2
mc12345678 avatar

mc12345678

Totally Zenned

Join Date:
Jul 2012
Posts:
16,908
Plugin Contributions:
2

Re: Mobile Usability problems - responsive.css issue? responsive_all_business

When dealing with rendering issues, a single css file does not generally do a helper much justice. A link to a problem page, in this case identification of a problem device and/or the expected resolution of the device are more helpful.

Generally speaking though in responsive design percentages can be more flexible than specific numbers, but that doesn't mean it is the final solution.

Also, considering the number of threads that have been generated about this overall issue it would be helpful to tie these things together and/or stay with a single thread that encompasses everything as one. Perhaps a moderator would go through that effort possibly looking at all of the threads recently initiated about this topic, but seems like a lot to expect.

21 Jun 2018, 12:14 AM
#3
shags38 avatar

shags38

Totally Zenned

Join Date:
Jan 2011
Location:
Adelaide, Australia
Posts:
1,684
Plugin Contributions:
0

Re: Mobile Usability problems - responsive.css issue? responsive_all_business

Thanks for responding MC ... and for the lesson. Before responding to you in detail I am going to further investigate the likely / possible influence of the Editable_Center_Boxes plugin relative to the 'multiple' issues I am having in making some template adjustments which in themselves are / should be simply handled by the template and the responsive template.
You no doubt will have seen my recent post in the Editable_Center_Boxes support forum regarding this, right?

I will get back to you when I have finished my investigation and wait patiently for a response.

cheers,
Mike

23 Jun 2018, 12:10 AM
#4
shags38 avatar

shags38

Totally Zenned

Join Date:
Jan 2011
Location:
Adelaide, Australia
Posts:
1,684
Plugin Contributions:
0

Re: Mobile Usability problems - responsive.css issue? responsive_all_business

So MC - I am desperate to get my sites working correctly in mobile format. I have included screenshot images below of each site's Mobile Friendly test result - even those that pass the test the way the site resolves on the screen is a) not as designed and b) inconsistent - none of them are as they should be.

My question is can you indicate which files affect responsive rendering so that I can go through them one by one and hopefully sort this mess out, a mess likely partly of my doing and partly due to incompatible plug ins. My logic says it is related to fixed pixel restraints versus 100% percentage calls - it is only when increasing header image sizes or page widths that the responsive plays up - but I am not a developer hence asking for help.

I want to correct the situation so that my sites are performing as well as they can without usability issues - then once they are sorted I think I will take the plunge and pay someone to upgrade my sites to maybe the ZCA Bootstrap 4 template when a couple of plugins are workable on it; Flexible Footer Menu and Editable Center Boxes (I actually playing with it on one site now - neither of those work in it).

So I need the assistance of someone to right the ship.

cheers,
Mike

this one is the best of a bad bunch - shows image (incorrectly, i.e. not compressed) whereas none of the others do.
[Attachment no longer available]

this list of errors is consistent among all of the sites tests;

	Resource
	Type
	Status
	https://www.treeoflifejewellery.com/bmz_cache/0/0813101cc47ef2b9f0caf3d0d7dc4cf6.image.340x269.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/1/1158499c9bda903f8d23886b4e8074d7.image.340x267.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/1/13216b5d8701089ddf86aa2bb655fd4b.image.340x264.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/3/36406305278a2d751df60a9ccc0e1924.image.340x267.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/5/51005feca034a36f1868ec3acc2c1cd1.image.340x264.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/5/5b891a03075edc0be696f722b03217b7.image.340x263.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/7/74f4405c4c0c88655bff0b902085d002.image.340x266.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/7/75930f390f529567da25d0e011fa50be.image.340x268.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/9/9514413d3a2e8aff5f6c3d773e0c9468.image.340x270.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/b/b9e72994c7214bb27b5702e7857a4b57.image.340x267.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/c/ce9112b1fdee78afa7cecd0c0f68e9ea.image.340x266.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/d/df6af947bf5c443b686a1cde1516af1d.image.340x267.gif	Image	Other error
	https://www.treeoflifejewellery.com/bmz_cache/f/f0d43e79759f90e43204ef032cdb655b.image.340x270.gif	Image	Other error
	https://www.treeoflifejewellery.com/images/PayPal-logo.gif	Image	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/buttons/english/button_goto_prod_details.gif	Image	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/css/index_home.css	Stylesheet	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/css/responsive.css	Stylesheet	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/css/style_imagehover.css	Stylesheet	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/css/stylesheet.css	Stylesheet	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/css/stylesheet_css_buttons.css	Stylesheet	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/css/stylesheet_dropdown-menu.css	Stylesheet	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/css/stylesheet_footer_menu.css	Stylesheet	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/css/stylesheet_middleboxes.css	Stylesheet	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/css/stylesheet_module_tabs.css	Stylesheet	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/css/stylesheet_zen_lightbox.css	Stylesheet	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/images/bc_ezpages.gif	Image	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/images/google.png	Image	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/images/pinterest.png	Image	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/jscript/back_to_top.min.js	Script	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/jscript/css_browser_selector.js	Script	Other error
	https://www.treeoflifejewellery.com/includes/templates/responsive_all_business/jscript/jscript_flexslider.js	Script	Other error
Rows per page:
1-31 of 31

Javascript console
	Message
	Source
	
Time
	
Uncaught ReferenceError: BackToTop is not defined
https://www.treeoflifejewellery.com/:473	30:10.861

[Attachment no longer available]
[Attachment no longer available]
[Attachment no longer available]

23 Jun 2018, 12:13 AM
#5
shags38 avatar

shags38

Totally Zenned

Join Date:
Jan 2011
Location:
Adelaide, Australia
Posts:
1,684
Plugin Contributions:
0

Re: Mobile Usability problems - responsive.css issue? responsive_all_business

more images;
[Attachment no longer available]
[Attachment no longer available]