-
AuthorPosts
-
March 23, 2022 at 9:40 pm #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.
and desktop view below
March 24, 2022 at 2:47 am #1345788Hey 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,
IsmaelMarch 24, 2022 at 3:45 am #1345806hi Ismal,
sorry, i have now attached the webpage in the private content.
thanks
NatalieMarch 24, 2022 at 12:48 pm #1345861Hi,
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,
IsmaelApril 6, 2022 at 8:31 pm #1347477Hi 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.Thanks,
NatalieApril 7, 2022 at 10:40 am #1347519Hi,
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,
IsmaelApril 16, 2022 at 6:35 pm #1348570This reply has been marked as private.April 17, 2022 at 8:11 pm #1348628Hi,
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,
MikeApril 18, 2022 at 1:02 am #1348656Hi Mike
Thanks for the assistance, unfortunately this css code didn’t work.April 18, 2022 at 1:34 pm #1348685Hi,
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,
MikeApril 18, 2022 at 8:21 pm #1348715Hi Mike,
I disabled and deactivated the cache completely, this code still didn’t work.
April 19, 2022 at 11:09 am #1348762Hi,
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,
IsmaelMay 8, 2022 at 10:57 pm #1350975Hi,
Ismael, I did not change the login.
I typically access my wordpress account through bluehost.comMay 12, 2022 at 1:02 pm #1351554Hi,
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,
MikeMay 23, 2022 at 7:20 am #1352603Hi Mike this seemed to have done the job.
Thank you for the help.May 23, 2022 at 11:52 am #1352616Hi,
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 -
AuthorPosts
- The topic ‘timeline on mobile does'nt show correctly unless you turn the phone to landscape’ is closed to new replies.