Forum Replies Created
-
Posts
-
Hej!
It looks great. Now everything is fixed and working as is should.
This is the final code that I have in the quick CSS:
@media only screen and (max-width: 768px) {
.avia-slideshow .avia-caption .avia-caption-title
{ font-size: 14px; }}
@media only screen and (max-width: 480px) {
.avia-caption {
bottom: -10px;
left: -18px;
padding: 0 20px;
width: 305px;
}
.avia-caption .avia-caption-title { margin: 0; }
}
@media only screen and (max-width: 480px) {
#top .avia-slideshow-arrows a { display: none; }
.avia-slideshow-dots {
display: none;
}
}}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.responsive #main .container_wrap:first-child .container {
width: 528px;
margin: 0 auto;
}
}It solved the issue with the slider display in the mobile and on the tab keeping the dots and the arrows.
Maybe you should integrate it as a default option, just a suggestion…One more thing that I would like to ask and it concerns the stretched layout for mobile devices. It works perfect on mobile but on my Samsung tab 7 it is blurry. Why and can something be done to make it same as on the mobile?
Thnx for the help.
Hi Yigit.
Thnx for the help. I was able to put some code together by looking at the different forum topics.
It solved my problem on the phone and tablet but there is one thing more that I would like to do. The pictures are to small and I wonder if they can be bigger?
Here’s the CSS code that I’ve assembled from different post. I’m a newbie so probably looks ridiculous but it works :).
@media only screen and (max-width: 768px) {
.avia-slideshow .avia-caption .avia-caption-title
{ font-size: 14px; }}
@media only screen and (max-width: 480px) {
.avia-caption {
bottom: -10px;
left: -18px;
padding: 0 20px;
width: 305px;
}
.avia-caption .avia-caption-title { margin: 0; }
}
@media only screen and (max-width: 480px) {
#top .avia-slideshow-arrows a { display: none; }
.avia-slideshow-dots {
display: none;
}
}}Maybe you have better suggestions.
Thnx for you help I really appreciate it.
