Timeline Looks Awful In Tablet Portrait Orientation
Ernst
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
Eleanora
Accepted AnswerHi 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.
Ernst
Accepted AnswerHello 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
Eleanora
Accepted AnswerHello 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.
Ernst
Accepted AnswerHi Eleanora,
it would be great if you had a look at it. URL: https://test.timobuser.ch
Regards, Ernst
Toufiq
Accepted AnswerHi 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)
Ernst
Accepted AnswerHello Toufiqur,
thanks for reaching out to me. Find the credentials in the hidden content.
Kind regards Ernst
Ernst
Accepted AnswerShould work now. I forgot to set the admin rights. Sorry :-(
Ernst
Accepted AnswerDear 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
Toufiq
Accepted AnswerAdd 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
Ernst
Accepted AnswerHello 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
Robert
Accepted AnswerHi 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.
Ernst
Accepted AnswerThank you Robert!
But didn't work. I think I have to accept this unattractive design :-(
Best regards Ernst