Hi,
I have created a timeline.
Now, it break the titles on the mobile view. Could you please help me to fix it?
Thank you
Marco
Hey marcoabis81,
Add this to quick css:
@media only screen and (max-width: 767px) {
#av_section_7 .flex_column.av_one_half{
padding-right:0px!important;
}}
Best regards,
Jordan Shannon
Hi Jordan
thank you.
Do I really need a piece of code to have the titles visible? Is there another fix? I would not want to use code where it is expected the code not to be used.
Thanks
Marco
Hi,
Any fix would require some type of code adjustment. If you were to adjust the font-size to fix it for example, the code would still adjust.
Best regards,
Jordan Shannon
Hi Jordan.
This is not what I meant.
What I meant is: enfold contains an element. I use the element. The element does not work.
The fix can’t be the code added by me. The fix should be understanding why the element doesn’t work and providing a within-enfold-element which works as expected.
Hence, I opened a ticket.
Any other fix rather than manually adding code?
Thanks,
Marco
Hi,
Thank you for the update.
Did you apply a 100px right padding to the 1/2 column element containing the timeline? This specific style will be in effect in any device or in any screen size, so we have to add the css code above to adjust the style on smaller screens. Also, we might need to apply a custom css class or id to the column so that we could adjust its style or layout properly.
// https://kriesi.at/documentation/enfold/add-custom-css/
Best regards,
Ismael
Thank you Ismael,
for some reason I had added that 100px right padding and was creating this little issue.
Thank you for pointing me out, appreciated :-)
Marco
Hi Marco,
We’re glad to hear that :)
Let us know if you need further assistance.
Best regards,
Nikko