Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1370301
Mobile display view
Closed

Comments

  • mikymak started the conversation
    November 16, 2017 at 3:32am

    Hi
    Absolutely love the theme and support to date, I am having some trouble correcting the mobile display for certain items when viewed on android mobile device
    1- on the Search Places Tab, description and results row overlap incorrectly when viewed on mobile see attached screenshot - is it possible that some custom css would resolve this to show items stacked on top of each other on mobile?
    2- on the shop page of website, item details spans too far out of page - see attached screenshot- is it possible to have some code to resolve this so it can be viewed on mobile?

    Kind regards
    Mark

  •  1,845
    Elated replied
    November 17, 2017 at 11:06am

    Hi there,

    Thanks for contacting us.

    1. As of the search, please add this code to Elated Options > General > Custom CSS:

    @media screen and (max-width:720px){
    .eltd-listing-archive-adv-search-holder .eltd-listing-archive-adv-search-count .eltd-listing-archive-adv-search-count-inner{
        display: table-row !important;
    }
    .eltd-listing-archive-adv-search-holder .eltd-listing-archive-adv-search-count .eltd-listing-archive-adv-search-count-inner p{
        padding: 0 15px!important;
        width: 100%!important;
    }
    .eltd-listing-archive-adv-search-holder .eltd-listing-archive-adv-search-count .eltd-listing-archive-sort-holder .eltd-listing-left-section, .eltd-listing-archive-adv-search-holder .eltd-listing-archive-adv-search-count .eltd-listing-archive-sort-holder .eltd-listing-right-section{
        display: table!important;
    }
    select.eltd-listing-archive-sort.select2-hidden-accessible {
        margin: 0 !important;
    }
    .eltd-listing-archive-adv-search-holder .eltd-listing-archive-adv-search-count .eltd-listing-archive-sort-holder span.select2-selection.select2-selection--single {
        margin: 0 !important;
    }
}

    2. You can try adding this code:

    @media only screen and (max-width: 600px){
    .woocommerce-cart thead {
        display: none !important;
    }
    .woocommerce-cart table td {
        width: 100% !important;
        display: inline-block !important;
        border-right:0 !important;
    }
}

    Let me know if that works.

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • mikymak replied
    November 20, 2017 at 6:23pm

    Hi Guys

    Custom CSS worked perfectly

    Keep up the good work

    I will be leaving a great review on Theme Forrest, your support has helped me very much 

    Kind regards

    Mark

  •  1,845
    Elated replied
    November 21, 2017 at 8:45am

    Hello,

    Thank you in advance. Please let us know if there is anything else we can do for you, thanks!

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.