Hello,
the timeline add-on looks unusable in tablet portrait mode (see screenshot). In all other modes it is fine. Unfortunately I don't see a way to solve this from my side. So i would be glad for support.
Thanks, Ernst
How it looks:
https://paste.pics/46ee7978e44f415032cd2732a9ca94c3
How it should look:
https://paste.pics/632d874b626df917d897444b09a74558
Hi Ernst,
{ I do not work for JoomShaper }
This would be a pretty easy CSS fix, without having access to the site, I can't help but if you know CSS you should be able to fix it.
Best of luck,
Cheers,
E.
Hello Eleanora,
I have no issues with (normal) CSS, but I'm always happy when the tool does the work for me...
Do you have any hint on where I should start with the CSS for the timeline? And where I should write the CSS. In the page CSS or in the CSS for the timeline add-on?
Kind regards
Ernst
Hello Ernst,
If you give me a URL, I can look at it for you but I won't be able to help just from a picture [sorry].
Cheers,
E.
Hi Eleanora,
it would be great if you had a look at it. URL: https://test.timobuser.ch
Regards, Ernst
Hi there,
Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. To better address the issue, could you kindly provide Joomla administrator access? This will enable me to thoroughly investigate the matter and provide you with a prompt resolution.
I appreciate your cooperation and will ensure to get back to you as soon as possible.
Best regards,
Toufiqur Rahman (Team Lead, Support)
Hello Toufiqur,
thanks for reaching out to me.
Find the credentials in the hidden content.
Kind regards
Ernst
You do not have access to the Administrator section of this site.
Should work now. I forgot to set the admin rights. Sorry :-(
I have talked with our developer team and they told me that the small device design was changed for the responsive purpose.
Dear Toufiq,
thank you for your clarifications.
As you may have noticed, I didn't respond soon. That was simply because I can't believe that this passes for good responsive design. Maybe your ui designers should take care of the issue and not the developers...
Because look, on the smartphone it is well solved (screenshot 1). But on the tablet in portrait mode it looks like a developer from the last century has tampered with it (screenshot 2).
There's nothing I can do about it so I hope your designers/developers can come up with better solutions in the future.
Kind regards
Ernst
Screenshot 1: https://paste.pics/201c35964024f269c5d11423302dc238
Screenshot 2: https://paste.pics/89c34a22cbdc79d2ff3e779b4e2d92e0
Add this CSS code inside the custom.css file.
@media screen and (max-width: 768px) {
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
text-align: initial;
padding: 20px;
border: solid 1px #dfdfdf;
border-radius: 5px;
position: relative;
width: 300px;
margin-left: 15px;
}
}I couldn't login your site administrator. Thanks
Thank you Toufiq,
I'll try it out.
Best regards
Ernst
You are most welcome & Thanks
Hello Toufiq,
I created a custom.css in the css-folder of the template folder shaper_helixultimate and added the given css code to the custom.css.
Unfortunately nothing happened after refresh of the site.
What did I forget?
Best regards
Ernst
Hi Ernst,
That code is meant to be added to the Custom CSS entry in the Template Options.
From the backend, select:
System >>> Template Styles >>> {Your Template} >>> Template Options >>>
Custome Code (menu option, near bottom) >>> Custom CSS (Scoll down, 4th entry)
Give that a go and the code that Toufiq posted above should work then.
Regards.
Thank you Robert!
But didn't work. I think I have to accept this unattractive design :-(
Best regards
Ernst
Sorry to hear that Ernst. There may be an error in the code that he provided which may need to be tweaked.
Good luck!
Regards.
Thanks, Robert :-)
