Results 1 to 5 of 5
  1. 19 Jun 2018, 05:13 AM #1
    shags38
    shags38 is offline Totally Zenned
    Join Date
    Jan 2011
    Location
    Adelaide, Australia
    Posts
    1,670
    Plugin Contributions
    1

    Default 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

    Code:
    .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
    }
}
    Clip On Earrings Australia .... Harmony Ball Necklace ... Tree of Life Jewelry
    Reply With Quote Reply With Quote
  2. 20 Jun 2018, 12:42 PM #2
    mc12345678
    mc12345678 is offline Totally Zenned
    Join Date
    Jul 2012
    Posts
    16,733
    Plugin Contributions
    17

    Default 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.
    ZC Installation/Maintenance Support <- Site
    Contribution for contributions welcome...
    Reply With Quote Reply With Quote
  3. 21 Jun 2018, 01:14 AM #3
    shags38
    shags38 is offline Totally Zenned
    Join Date
    Jan 2011
    Location
    Adelaide, Australia
    Posts
    1,670
    Plugin Contributions
    1

    Default 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
    Clip On Earrings Australia .... Harmony Ball Necklace ... Tree of Life Jewelry
    Reply With Quote Reply With Quote
  4. 23 Jun 2018, 01:10 AM #4
    shags38
    shags38 is offline Totally Zenned
    Join Date
    Jan 2011
    Location
    Adelaide, Australia
    Posts
    1,670
    Plugin Contributions
    1

    Default 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 17941

    this list of errors is consistent among all of the sites tests;
    Code:
    	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 17940
    Attachment 17942
    Attachment 17943
    Clip On Earrings Australia .... Harmony Ball Necklace ... Tree of Life Jewelry
    Reply With Quote Reply With Quote
  5. 23 Jun 2018, 01:13 AM #5
    shags38
    shags38 is offline Totally Zenned
    Join Date
    Jan 2011
    Location
    Adelaide, Australia
    Posts
    1,670
    Plugin Contributions
    1

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

    more images;
    Attachment 17944
    Attachment 17945
    Clip On Earrings Australia .... Harmony Ball Necklace ... Tree of Life Jewelry
    Reply With Quote Reply With Quote
 

 
« Previous Thread | Next Thread »

Similar Threads

  1. v155 Method to show only subcategories in mobile menu Responsive Classic Stock 1.55f
    By twitchtoo in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 23 Oct 2020, 08:40 PM
  2. v155 Speed of V155 on mobile phone with responsive template
    By Quartier in forum Bug Reports
    Replies: 6
    Last Post: 4 May 2016, 03:29 PM
  3. v154 How to replace logo on tablets/mobile on responsive template...
    By toomanyknots in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 8 Mar 2016, 11:45 PM
  4. v154 Blue Responsive - Mobile menu only shows home and login - not categories
    By avansant in forum Addon Templates
    Replies: 6
    Last Post: 14 Jan 2016, 01:01 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules

disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR
Content and Graphics Copyright (c) 2003 - 2024 Zen Ventures, LLC - all rights reserved
Zen Cart® is a Registered Trademark of Zen Ventures, LLC