Tagged: , , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 27, 2016 at 6:18 pm #717452
    eC

    Hey guys,

    I am currently building a website based on your Travel Demo, but am having issues with the Headline, Subheadline and the two buttons that are overlaying the Slide-Show (Full-Width) at the top of the front page. It looks fine on Desktop landscape, but the rearrangement doesn’t work properly when it is viewed on portrait. Is it possible to fix this somehow?

    Thanks,
    eC

    November 29, 2016 at 5:03 pm #718352
    Andy

    Hey eC,

    use this code inside Quick CSS field:

    @media only screen and (max-width: 767px) {
.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 15px;
}
#full_slider_1 {
height: 220px;
}
.avia-slideshow.avia-slideshow-1.av-control-hidden.avia-slideshow-featured_large.av_slideshow_full.avia-fade-slider {
height: 237px;
}}

    Hope this helps!

    Best regards,
    Andy

    November 29, 2016 at 6:20 pm #718427
    eC

    Hey Andy,

    thanks for your answer. This seemed to help, but in between there are still some resolutions, where the buttons disappear and also some of the text. Is there any way to further improve this, or is this already the best compromise to make it work as best as possible on all devices and for the normal browse-behaviour of the average user?

    Thanks,
    eC

    November 30, 2016 at 1:35 pm #718736
    Andy

    Hi,

    you need to adjust media queries and for more information about it check out: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Andy

    December 10, 2016 at 3:18 pm #722689
    eC

    Hi Andy,

    I see – but so far it looked alright on mostly all devices I tried it on, thanks again. One last question regarding this, is it possible to have the buttons centered vertically for mobile portrait?

    Best,
    eC

    December 12, 2016 at 3:32 pm #723181
    Andy

    Hi,

    sicher, nutze diesen code im Quick CSS Feld dafür:

    @media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  and (orientation: portrait) {
a.avia-slideshow-button.avia-button.avia-color-theme-color.avia-multi-slideshow-button {
margin-right: 0px;
}}

    Gruß,
    Andy

    December 12, 2016 at 3:46 pm #723197
    eC

    Hi, Andy!

    Danke, aber das scheint leider nicht funktioniert zu haben. Anhängig einmal die kompletten Quick-CSS und Child-Theme functions.php Modifikationen – vielleicht steht dazu ja etwas in Konflikt?

    Danke und Gruß
    eC

    • This reply was modified 8 years ago by eC.
    December 13, 2016 at 3:38 pm #723756
    Andy

    Hi,

    wenn du wissen willst, ob irgendein Code im Konflikt steht, dann nimm jeden Code einzeln raus und schau welcher die Ursach sein könnte. Aber ich bezweifle das dies in deinem Fall so sein könnte.

    Bitte füge ein !important zu meinem Code hinzu:

    @media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  and (orientation: portrait) {
a.avia-slideshow-button.avia-button.avia-color-theme-color.avia-multi-slideshow-button {
margin-right: 0px !important;
}}

    Gehe sicher, dass du oder dein Server kein Caching verwendet.

    Gruß,
    Andy

    December 14, 2016 at 6:30 pm #724430
    eC

    Hi Andy,

    danke – aber scheint leider immer noch nicht zu funktionieren. Alle Caches geleert etc. – andere Änderungen sehe ich auch, also sollte es daran nicht liegen.

    Danke und Gruß
    eC

    December 14, 2016 at 8:58 pm #724543
    Andy

    Hi,

    Login funktioniert nicht. Bitte einmal checken.

    Gruß,
    Andy

    December 16, 2016 at 4:52 pm #725439
    eC

    Hi Andy,

    sie unten.

    Danke und Gruß,
    eC

    December 19, 2016 at 1:52 pm #726001
    Andy

    Hi,

    du verwendest und/oder hast ein ein Caching Plugin verwendet, daher gehe in deren Einstellungen und schalte dort das Caching aus. Anschließend deaktiviere das Caching Plugin und alle anderen Plugins, um zu schauen, ob eins dieses Problem verursacht. Hinterher leere deinen Browser Cache und hard refresh einige Male.

    Gruß,
    Andy

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