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 #1403065
Mobile Logo Formatting Issues
Closed

Comments

  • MDobs started the conversation

    Hello,

    QUERY 1- MOBILE LOGO PLACEMENT

    I'm having issues with our mobile logo placement.

    See screen grabs attached:

    1. Logo is correct at a slightly wider size but when site is taken down to mobile width and viewed on phone the logo jumps out of the header and distorts

    2. Example of small, shorter logo distorted and outside of header where it should be

    3. Example of wider logo in much smaller size for mobile, still outside of header where it should be

    We have taken your demo site dimensions for the mobile logo (see screen grab 4), so should not be experiencing this.

    QUERY 2- FORMATTING

    Search bar and button is not centered when I view the site on mobile.  Button also exceeds it's boarder (see screen grab 1) where 'search places' is not inside the button border.

    QUERY 3- SELECTIVE CONTENT ON MOBILE

    Can I select which info is viewed on mobile and make it different to the footage shown on desktop version?

    Thank you,

    Magdalena

  •  1,845
    Elated replied

    Hello,

    1. & 2. You can try to add this css underneath in Elated Options >> General >> Custom CSS field:

    @media only screen and (max-width:480px) {
    .eltd-mobile-logo-wrapper a img {
        height: 50px !important;
        padding-top: 25px
    }
    }

    3. You can add desired Widgets into Mobile Header >> Widget area, and that will be shown on mobile header only

    On desktop view Header Widget Menu area will be shown.


    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.

  • MDobs replied

    Thank you-  that has fixed the issue with the logo.

    The issue with the buttons still remain- see screen grab below where the mobile buttons do not fit within themselves (ie. the copy overhangs the black surround).

    The search by keyword and 'search places'  both overlap on my site but these buttons/bars are fine on the demo version of your mobile site (see screen grab attached)

    Mags

  •  1,845
    Elated replied

    Hi there,

    try adding this code to Elated Options > General > Custom CSS:

    @media only screen and (max-width: 480px){
    .eltd-eh-item-content.eltd-eh-custom-390727 {
        padding: 0 5% 30% !important;
    }
    }

    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.

  • MDobs replied

    Hi,

    This has not fixed the issue- see screen grab attached.

    I have cleared my caches.

    Mags

  •  1,845
    Elated replied

    Hi there again,

    It seems that you've moved or deleted/re-added element and it's id is no longer the same. Now its:

    @media only screen and (max-width: 480px){
    .eltd-eh-item-content.eltd-eh-custom-574155 {
        padding: 0 5% 30% !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.

  • MDobs replied

    Hi,

    I've cleared my mobile cache and am still seeing this misaligned- see screen grab attached.

    I've put the code you have given within the Custom CSS box- see grab also attached.


    What is going wrong?

    Mags

  •   Elated replied privately
  • MDobs replied

    I've tried pasting it in addition to the previous code and then also replacing the previous code- neither have worked.

  •  1,845
    Elated replied

    Hello,

    Would you mind providing us with login credentials (in Private Reply) and site url, so we can take a closer look?


    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.

  •   MDobs replied privately
  •   Elated replied privately
  • MDobs replied

    Hi,

    Without that padding my search bar spans the full width of my homepage.

    Removing the padding does indeed fix the mobile layout but it does not work for my desktop.  

    See screen grab attached.

    Magdalena

  •  1,845
    Elated replied

    Hello,

    You can try to add this css underneath in Elated Options >> General >> Custom CSS field:

    @media only screen and (min-width:1024px) {
    .eltd-ls-main-search-holder .eltd-ls-main-search-holder-part.type1 {
        width: 800px;
        margin: 0 auto;
    }
    } @media only screen and (max-width:1023px) {
    .eltd-ls-main-search-holder .eltd-ls-main-search-holder-part.type1 {
        padding:0 20px;
    }
    }


    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.

  • MDobs replied

    This has fixed the issue- thank you very much.

  •  1,845
    Elated replied

    Hello,

    You're welcome. Please let us know if there is anything else we can do for you, thanks!

    We hope it’s not too much trouble, but we’d really appreciate it if you could rate our theme on ThemeForest. Just visit the following link and select five stars next to our theme’s name: http://themeforest.net/downloads  This way you’ll be helping us improve our support services and make them even more efficient.


    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.

  • MDobs replied

    Rated- thank you

  •  1,845
    Elated replied

    Hello,

    Thanks. Please let us know if there is anything else we can do for you!


    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.

  • MDobs replied

    Hey,

    I've just tested on my iphone on the 'SEARCH PLACES' button arrow drops down onto the next line whereas it does not do this on your FINDME theme or on my desktop when I compress.

    Screen grab in next response as I forgot to attach here.

    Can we please fix this?

    Thank you

  • MDobs replied

    Screen grab of mobile button error.

  •  1,845
    Elated replied

    Hi there again,

    Try adding this code to Elated Options > General > Custom CSS:

    @media screen and (max-width: 600px){
        .eltd-ls-main-search-holder .eltd-ls-main-search-holder-part .eltd-ls-main-search-holder-button button{
            padding: 18px !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.

  • MDobs replied

    Thank you.  That has fixed the button.

    I've tested the rest of the site and there are issues with overlap of the copy within:

    1. Listing headlines (see screen grab). The lower sentence overlaps the one above in the listing title

    2. The amenities overlap one another (see screen grab).

    Mags

  •  1,845
    Elated replied

    Hello there,

    Try adding this code to Elated Options > General > Custom CSS:

    @media screen and (max-width: 1200px){
        .eltd-listing-single-holder article .eltd-ls-single-header .eltd-ls-item-title .eltd-ls-item-title-inner {
            line-height: 40px !important;
        }
        .eltd-listing-single-holder article .eltd-ls-single-section-inner .eltd-listing-single-amenities .eltd-listing-single-field{
        padding: 2%;
        }
        .eltd-listing-single-field-inner.eltd-ls-icon {
            width: 20%;
        }
        .eltd-listing-single-field-inner.eltd-ls-text {
            width: 80%;
        }
    }

    let me know how that goes.


    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.