-
Posts
-
Dear Enfold Team
I had been screening trough all the chats but could not find the right code for me…
I would like to have the caption a bit higher than just on the bottom in the full screen slider
I found following code which worked on the computer screen.home .caption_bottom .slideshow_caption .slideshow_inner_caption {
bottom: 250px !important;
}But on the mobile phone in portrait mode the caption is out of the window and so I tried following code. But this one didn’t work
@media only screen and (max-width: 767px) {
.avia-fullscreen-slider .caption_bottom .slideshow_caption {
bottom: -250px !important;
}
}Could you help me please
OliverHey Oliver,
Please try replacing the first block with this:
@media only screen and (min-width: 768px) { .home .caption_bottom .slideshow_caption .slideshow_inner_caption { bottom: 250px !important; } }Best regards,
RikardHey Rikard
Thanks a lot it worked well. Now on the Computer and Mobile it looks fine. Only on the I PAD screen the caption is a bit to close to the top, how can I
adjust that?Thanks a lot
OliverHi Oliver,
You can target tablet sized screens with this CSS:
@media only screen and (min-width: 768px) and (max-width: 1024px) { .home .caption_bottom .slideshow_caption .slideshow_inner_caption { bottom: 250px !important; } }Adjust the value to your liking.
Best regards,
Rikard
- You must be logged in to reply to this topic.