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 #1199893
Mobile Image Alignment Not Working - Parallax Showcase
Closed

Comments

  • morgannoble started the conversation

    Hi, when I select 'Left' alignment for the background image in a section it aligns left on desktop (I can see this even as I shrink the browser window) but it does not align left on mobile devices.

    How do I get it to align left on mobile?

    Thanks!

  •  1,845
    Elated replied

    Hello there,

    Can you please try to paste following Custom Css code into Elated Options > General > Custom Css field 

    .eltd-parallax-content-outer .eltd-section-title-text {
        text-align: left!important;
    }

    and check again.

    Please let us know if this solved the issue.

    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.

  • morgannoble replied

    I add the code to CSS and there was no change. Can we use a mobile-only image in that spot instead?

  •  1,845
    Elated replied

    Hello there,

    That is one possibility, you can add it there and we can provide you some Custom Css that will hide that image on non-mobile screens and to show it only in mobile resolutions.

    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.

  • morgannoble replied

    Hi, thanks - 

    First, I want to confirm that the current image will still be visible in non-mobile screen widths.

    If yes, where do I put the mobile-only image, and can you please provide the custom css to hide it on non-mobile screens?

  •  1,845
    Elated replied

    Hello,

    Sorry for the delay.

    Probably the best solution is to make it be image with left text alignment and to leave it like that in full screen and mobile resolutions and than we do not have to struggle with swapping them on certain resolutions. ( so completely change text with image on all screen resolutions )

    Also, we will help you with responsiveness of that image so it is displayed nice on all screen resolutions.

    Please let us know if you agree with our suggestion and if so please let us know when you include that image so we can make it fully responsive.

    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.

  • morgannoble replied

    Hi,

    The text alignment is fine as is - all I want is for the "Worldy & Accomplished" section background image to be more left-aligned on mobile so the man's face isn't cut off when viewing on the phone. (see attached screenshot)

    Is this something you can fix?

  •  1,845
    Elated replied

    Hello there,

    It can be achieved using this Custom Css code, just paste it into Elated Options > general > Custom Css 

    .vc_row.wpb_row.vc_row-fluid.eltd-section.image-fit-right.eltd-content-aligment-left.eltd-parallax-section-holder.eltd-parallax-section-holder-touch-disabled.eltd-full-screen-section.eltd-full-screen-height-parallax.eltd-vertical-middle-align {
        background-position: 100% top!important;
    }

    Please try it an let us know if this solved the issue.

    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.