Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #717452

    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

    #718352

    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

    #718427

    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

    #718736

    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

    #722689

    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

    #723181

    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

    #723197

    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 3 years, 10 months ago by  eC.
    #723756

    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

    #724430

    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

    #724543

    Hi,

    Login funktioniert nicht. Bitte einmal checken.

    Gruß,
    Andy

    #725439

    Hi Andy,

    sie unten.

    Danke und Gruß,
    eC

    #726001

    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

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.