Tagged: Akkordeon, Slide-Show (volle Breite)
-
AuthorPosts
-
April 21, 2014 at 6:24 pm #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
LukasApril 23, 2014 at 3:21 am #254735Hey 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,
DavidMay 1, 2014 at 9:12 pm #259057Hello!
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
May 1, 2014 at 9:13 pm #259059This reply has been marked as private.May 2, 2014 at 10:21 am #259281Hey!
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,
IsmaelMay 4, 2014 at 11:19 am #259921Hello!
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.
May 4, 2014 at 2:05 pm #259944Screenshot of the first question:
https://dl.dropboxusercontent.com/u/18023992/Bildschirmfoto%202014-05-04%20um%2010.26.36.pngMay 5, 2014 at 3:13 pm #260289This reply has been marked as private.May 7, 2014 at 8:46 am #261195Hey!
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,
PeterMay 7, 2014 at 9:11 am #261199Hey 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,
LukasMay 7, 2014 at 9:24 am #261204Hey!
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,
PeterMay 7, 2014 at 9:38 am #261215Hey Peter,
now it works – thanks a lot!
Kind regards,
LukasMay 7, 2014 at 9:43 am #261219Hey!
Great :)
Regards,
Peter -
AuthorPosts
- You must be logged in to reply to this topic.