Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1345766

    is it possible to correct the timeline on mobile view only, so that it looks the same as the desktop version?

    picture attached contains the vertical view and how mobile looks when turned to landscape view.

    View post on imgur.com

    and desktop view below

    View post on imgur.com

    #1345788

    Hey belleameink604,

    Thank you for the inquiry.

    We cannot find the actual page containing the timeline element in the site. Please provide the direct link to the page so that we can inspect the element properly.

    Best regards,
    Ismael

    #1345806

    hi Ismal,
    sorry, i have now attached the webpage in the private content.
    thanks
    Natalie

    #1345861

    Hi,

    Thank you for the update.

    You can use this css code in the Quick CSS field to increase the size of the content inside the av-milestone-content container.

    media only screen and (max-width: 989px) {
        .av-no-preview ul.avia-timeline-vertical li {
            padding: 0;
        }
    }
    

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    #1347477

    Hi Ismal,

    that didn’t work. I disabled everything in the performance tab and cleared the cache to be sure I toggled the right setting
    Here is a screen shot from my iphone.

    View post on imgur.com

    Thanks,
    Natalie

    #1347519

    Hi,

    Thank you for the update.

    The css files or the stylesheets are still compressed when we checked the site. Please make sure to temporarily disable the compression settings before testing the page, or just post the login details in the private field so that we can access the dashboard and modify the css when necessary.

    Best regards,
    Ismael

    #1348570
    This reply has been marked as private.
    #1348628

    Hi,
    Thank you for your patience, and Thank you for the link to your page, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (max-width: 989px) {
    .av-no-preview #avia-timeline-1 ul.avia-timeline-vertical li {
        padding: 0;
    }
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1348656

    Hi Mike
    Thanks for the assistance, unfortunately this css code didn’t work.

    #1348685

    Hi,
    I see that you are using a caching plugin, please disable it and add this css to the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (max-width: 989px) {
    .av-no-preview #avia-timeline-1 ul.avia-timeline-vertical li {
        padding: 0;
    }
    }
    

    Best regards,
    Mike

    #1348715

    Hi Mike,

    I disabled and deactivated the cache completely, this code still didn’t work.

    #1348762

    Hi,

    We cannot access the login or the wp-admin page, it redirects to a 404 page. Did you change the login URL? Please include the correct login URL in the private field.

    Best regards,
    Ismael

    #1350975

    Hi,

    Ismael, I did not change the login.
    I typically access my wordpress account through bluehost.com

    #1351554

    Hi,
    Thank you for your patience, I see that you are using Enfold 4.7.6.4, please Enter a valid Envato private token and update your theme to Enfold 4.9.2.3
    Then clear your cache and check again.

    Best regards,
    Mike

    #1352603

    Hi Mike this seemed to have done the job.
    Thank you for the help.

    #1352616

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘timeline on mobile does'nt show correctly unless you turn the phone to landscape’ is closed to new replies.