-
Posts
-
Hi!
My query concerns the sidebar on the following page:
The widget in the sidebar on the right hand side “Kommande evenemang” looks great on my mac but I just had a look on an ipad and the spacing is terrible. The text with the title and the date of the events goes on top of each other and it is impossible to read.
However I have no idea how to fix this so that this widget works on both a mac and ipad.
I had previously received advice from you guys to add the following code:
.news-excerpt {
margin: -30px 0 0 46px;
}which fixed the spacing problem I was viewing on my mac, but I have now realized that this created a new problem for this widget when viewed on another device.
Thanks in advance for your help.
Jangdom
Hey Jangdom,
Please try the following in Quick CSS under Enfold->General Styling to reset the previous code on tablet and smaller screens:
@media only screen and (max-width: 1024px) { .news-excerpt { margin: 0 !important; } }Best regards,
RikardThat’s great thank you.
However I would now like to move the date and time in this widget a little to the right so that it alligns with the course title above it. Could u pls explain how i do that?
I am refering to how it looks on an iPad.
Many thanks,
JangdomHi,
I tried with some CSS but it’s very difficult since the titles have different content, 1 or 2 lines. You can try adjusting the values in the code you got initially but I think it’s better to leave it as it is:
@media only screen and (max-width: 1024px) {
.news-excerpt {
margin: -30px 0 0 46px !important; /* adjust the values to the left (top/right/bottom/left)*/
}
}Best regards,
Rikard
- You must be logged in to reply to this topic.