Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 4, 2021 at 9:48 pm #1277795
    cristinagrafik

    Buonasera, ho notato che i pulsanti e le scritte delle slider non sono proporzionate la visualizzazione partendo da un iPhone X fino ad un iPhone 12 – ho applicato tale codice css – allego video dopo l’applicazione – video errore visione mobile

    /*hide auto sidebar from magazine*/
    .page-id-2967 .sidebar .widget_nav_hide_child {
    display: none;
    }

    /*2.8 firefox problem*/
    .avia-image-container-inner, .avia_image {
    max-width: 100%;
    }

    #socket .avia-bullet, #socket .avia-menu-fx {
    display: none;
    }

    @media only screen and (max-width: 479px) {
    .js_active .av-elegant-toggle .toggler {
    padding: 15px 60px 15px 5px;
    }
    }
    @media only screen and (max-width: 479px) {
    h2.avia-caption-title {
    font-size: 12px !important;
    }
    .avia-caption .avia-caption-content p,.avia-caption .avia-caption-title {
    padding: 2px 15px !important;
    }
    .avia-caption {
    bottom: 2px !important;
    left: 8px !important;
    padding: 2px 20px !important;
    }
    }

    @media only screen and (max-width: 479px) {
    h2.avia-caption-title {
    font-size: 12px !important;
    }
    .avia-caption .avia-caption-content p,.avia-caption .avia-caption-title {
    padding: 2px 15px !important;
    }
    .avia-caption {
    bottom: 2px !important;
    left: 8px !important;
    padding: 2px 20px !important;
    }
    }

    Ma nulla da dare. Rende il sito nella visione mobile non proporzionata almeno per l’impaginazione delle slider.

    Potete controllare tale codice e verificare eventualmente dove è l’errore?
    Grazie

    February 4, 2021 at 9:55 pm #1277796
    cristinagrafik

    Allego anche l’immagini – praticamente scritte e pulsanti vengono tagliati – in tutte le tre slider presenti in Homepage – inoltre vorrei proporzionare la fascia Blu – in cui c’è il pulsante richiedi preventivo – poiché l’intestazione della scritta risultata troppo grande.

    allego immagini:

    prima slider homepage

    seconda slider homepage

    terza slider homepage

    February 4, 2021 at 9:57 pm #1277797
    cristinagrafik

    allego di nuovo l’immagini slider 1 homepage

    slider 2 homepage

    slider 3 homepage

    February 10, 2021 at 2:25 pm #1279462
    Ismael

    Hi,

    Thank you for the inquiry.

    Would you consider hiding the caption container on mobile view? We could use this css code to do just that.

    @media only screen and (max-width: 767px) {
    .slideshow_caption {
	display: none !important;
    }
}

    You could also use the Fullscreen Slider instead of the current one to provision more space for the captions.

    Or display a completely different slider on mobile using the elements’ Advanced > Responsive > Element Visibility settings.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.