Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #253965

    Hallo!

    Bei meinem aktuellen Website-Projekt mit eurem wunderbaren Theme, habe ich noch ein paar Detail, die ich leider selber nicht umsetzen konnte.

    1. Die “Slide-Show (volle Breite)” auf der Startseite, zeigt den Titel und die Beschreibung bei den beiden kleinen Responsive Versionen in voller Größe an, was zu unschönen Überschneidungen führt. Bei den beiden kleinen Versionen sollte der Titel und die Beschreibung wenn möglich ausgeblendet sein.

    2. Die Google Maps Karte auf der Anfahrt & Kontakt Seite sollte bei den beiden kleinen Versionen auch nur 250px hoch sein, da teilweise ein scrollen auf kleinen Geräten durch die “fullscreen Karte” nicht mehr möglich.

    3. Das Akkordeon auf der Team-Seite von Frau Dr. Lanner, sollte 25px nach oben verschoben werden und nach unten 25px mehr Abstand halten.

    Wenn ihr mir hierfür bitte die nötigen Zeilen für das Quick CSS verraten würdet.

    Besten Dank schonmal und Grüße aus Salzburg
    Lukas

    #254735

    Hey LukasE!

    As much as i would like to help you on this one, unfortunately the Translation Isn’t helping me here could you post it in English ;)

    Don’t forget the link to your site

    Best regards,
    David

    #259057

    Hello!

    For my latest website-project with your wonderful theme I have some more details I would like to change, but could not yet work out.

    1. The “Slide-Show” (full width) on the main page shows the title and the description in the both smallest Responsive Versions in full size, so it covers the sliding pictures.
    In the both smallest versions the title and the description should be, if possible, hidden.

    2. The Google Maps Card on the “Anfahrt & Kontakt” side should be also only 250px high in the both smallest versions, as partial it is impossible to scroll down trough the “fullscreen card” with small devices (mobile phones…).

    3. The accordeon on the team-site of Dr. Lanner should be slides up by 25px and should have downwards 25px more space.

    If you could please tell me the necessary Quick CSS codes.

    Many thanks in advance and best regards from Salzburg,

    Lukas

    #259059
    This reply has been marked as private.
    #259281

    Hey!

    Thank you so much for visiting the support forum and sorry for the delay.

    If you don’t mind, please open a single thread for each issue or request. This will make it easier for us to answer your inquiries.

    1.) Please add this on Quick CSS or custom.css to disable the caption on mobile device or smaller screens:

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

    2.) Use this for the google map:

    @media only screen and (max-width: 767px) {
    .page-id-170 div#avia-google-map-nr-1 {
    max-height: 250px !important;
    }
    }

    You can add the css declaration inside the first media query above.

    3.) I’m sorry but I’m not certain of what you’re trying to do with this one. Do you mind sending a screenshot? You can use imgur, dropbox etc.

    Regards,
    Ismael

    #259921

    Hello!

    Thank you for your answer.
    Now I would need your help again.

    1. The middle size of the responsive versions has a small bug.
    The menu already changes to the mini version, but the space for the normal menu is still showing.

    2. And is it possible to centre the small version of the map (2nd point of your last answer)?

    Many thanks in advance,

    Lukas

    • This reply was modified 10 years, 7 months ago by LukasE.
    #259944
    #260289
    This reply has been marked as private.
    #261195

    Hey!

    1) Try to insert this code into the quick css field:

    
    @media only screen and (max-width: 989px) {
    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0;
    }
    }
    

    2) No this is not possible. However in most cases it’s also not possible because the user doesn’t resize the browser window before he/she views the map. If you open the website on a smaller screen (or reload the page after the screen resize) the google maps script will calculate the center position based on the smaller screen size and then the pin is centered again.

    Best regards,
    Peter

    #261199

    Hey Peter,

    thanks for your help!
    The quick CSS didn’t work. I try this lines and it works on the size “max-width: 989px”, but than the smaller sites doesn’t look good…

    @media only screen and (max-width: 989px) {
    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 135px !important;
    }
    }

    How can i use this CSS code just on this size “max-width: 989px” and not on the smaller sites?

    Thanks again an kind regards,
    Lukas

    #261204

    Hey!

    You can define a min-width value like:

    
    @media only screen and (min-width: 769px) and (max-width: 989px) {
    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 135px !important;
    }
    }
    

    Best regards,
    Peter

    #261215

    Hey Peter,

    now it works – thanks a lot!

    Kind regards,
    Lukas

    #261219

    Hey!

    Great :)

    Regards,
    Peter

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