Responsive theme, looks awful on mobile - by burneyrubber

This topic has 16 replies, 3 voices, and was last updated 8 years, 5 months ago ago by Jack Richardson

  • Avatar: burneyrubber
    burneyrubber
    Participant
    November 1, 2015 at 21:12

    As the title says,the site looks terrible on a mobile device,its al lover the place.
    can you take a look at it please.
    no wonder ive had no sales of late.

    Please, contact administrator
    for this information.
    15 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 2, 2015 at 08:57

    Hello,

    Please provide us with FTP (FTP host, FTP user, FTP password) credentials in private content.

    Best regards,
    Jack Richardson.

    Avatar: burneyrubber
    burneyrubber
    Participant
    November 2, 2015 at 10:25

    Hi Jack
    thanks for the reply,details in private.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 2, 2015 at 11:56

    Hello,

    I’ve disabled cache plugin via FTP (renamed the folder “w3-total-cache” to “w3-total-cache_old”). Please clear browser cache and check your site now.

    Best regards,
    Jack Richardson.

    Avatar: burneyrubber
    burneyrubber
    Participant
    November 2, 2015 at 13:17

    private

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 2, 2015 at 15:01

    Hello,

    To remove the titles you need add this code in custom.css file:

    @media (max-width: 480px) {.slider-container .title span {
        display: none;
    }}

    How to create custom.css you can watch in this tutorial.

    You can rename cache folder back to activate it.

    Best regards,
    Jack Richardson.

    Avatar: burneyrubber
    burneyrubber
    Participant
    November 2, 2015 at 16:46

    Hi

    will that remove it just for mobile devices? because it looks ok on a desktop pc but nasty on a mobile.

    and will reactivating the w3 total cache not cause me problems again?

    thank you

    Avatar: burneyrubber
    burneyrubber
    Participant
    November 2, 2015 at 17:06

    I see you`ve misunderstood what i meant about the titles.
    it`s not the “NEW ” and “FEATURED” titles that are messy it is the name of the products that shows beneath each product picture. and i only want to remove it on mobile devices because it stretches down the page and looks ugly,please look using a mobile device and it will be obvious what i mean.

    thanks

    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 2, 2015 at 17:27

    Hello,

    Please try to add this code in custom.css file.

    @media (max-width: 480px) {
    .home .slide-item .product .product-name{
    display:none;
    }
    }

    Regards,
    Robert Hall.

    Avatar: burneyrubber
    burneyrubber
    Participant
    November 2, 2015 at 18:11

    ,,

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 2, 2015 at 18:51

    The code above should do that you want. Please clear cache and check it.

    Regards,
    Robert Hall.

    Avatar: burneyrubber
    burneyrubber
    Participant
    November 2, 2015 at 21:53

    no that hasn’t worked Robert

    Avatar: burneyrubber
    burneyrubber
    Participant
    November 2, 2015 at 22:11

    can you also please tell me why the paralax backgrounds no longer work. my main picture used to move before the update now i dont even see options for the paralax bg

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 3, 2015 at 13:23

    Hello,

    As I see products titles are removed for mobile:
    http://storage7.static.itmages.com/i/15/1103/h_1446553303_6646517_e322195fbb.png

    Clear browser cache and check again.

    We can’t access your WP Dashboard. The page is redirecting to “404 Not Found” page.

    Please check it.

    Best regards,
    Jack Richardson.

    Avatar: burneyrubber
    burneyrubber
    Participant
    November 3, 2015 at 17:05

    ..

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 3, 2015 at 17:46

    Hello,

    Please add this code in custom.css file:

    @media (max-width: 480px) {
    .slide-item .product .product-image-wrapper img {
        height: 100px;
    }
    .items-slider .slider .slide-item .price {
       height: 35px;
    }
    a.button.etheme_add_to_cart_button.product_type_simple {
        width: 80px;
    }
    }

    Parallax effect works for your image. It’s active when you start scrolling the page.

    Best regards,
    Jack Richardson.

  • Viewing 16 results - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.