-
Posts
-
Hello. We have a customer who has the web page https://ninoxrt.com
Picture on the front page works on the web version, but when you see it on the mobile version, the whole picture does not come with, we have tried to find the CSS code to make sure the entire picture is included but not found which code it must be .We have entered the code:
.toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
border-color: # 666666;
}
@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {font-size: 50px! important; }
.responsive #top .slideshow_caption .avia-caption-content {font-size: 25px! important; }
.responsive #top .avia-slideshow-button {font-size: 18px; }
}This to fix the text on the mobile version.
With best regards
MarioHey Mario,
Are you talking about the screen slider on top of the page here? Do you mean that you want to show the whole image, not just the middle?
Best regards,
VictoriaHi tekniskakari,
That image to be shown full width will look like on the screenshot below. All other headers will have to be made smaller, but I see the styles from quick css that make those headers huge, specifically for mobile. It’s not going to work like that. The new version of Enfold has screen options which allow you to control which elements you show on different screens. And so it will be better to update the theme, show this slider on the desktop and build a more mobile-friendly alternative.
Let me know what you think.
Best regards,
Victoria
- You must be logged in to reply to this topic.