Forum Replies Created
-
Posts
-
Hello Nikko
Unfortunately the problem is not yet solved.
Again to explain:
For example, if you click on the top link “XXX” of the icon list on the page http://s941424173.online.de/#physiotherapie-kurse, then it should jump to the courses page for the respective section of the selected course. It does, but part of the section behind the header disappears, so it’s not displayed correctly. This is how the following page appears after clicking on the link: http://s941424173.online.de/support/anchor-1.jpg (> see title with course name missing on the left side / on the right side the image is cut off)And this is how it should appear: http://s941424173.online.de/support/anchor-2.jpg
What can I do to make the anchor links work in a way that doesn’t hide part of the content behind the header?
best regards Diana
Hi Mike,
Thank you very much! This now works wonderfully on the I-pad!
Thank you for your great support!
Best regards DianaHi Mike,
first of all thank you for your help.
I pasted the suggested script in the CSS. Unfortunately, the view on the tablet is unchanged (I deleted the cache and tested it in 2 browsers): https://my-visionguide.de/support/tablet_20221211.jpeg
(It already looks very good in your preview image)Do you have any idea what it could be or how to change the script?
Since the “wrong” display of the grid row on the tablet landscape format occurs several more times on the HOME page, it would also be great if there were a script that would also correct the other cell.
Here is the second case: https://my-visionguide.de/home/#arbeitsweise It looks like this on the tablet: https://my-visionguide.de/support/tablet2_20221211.jpegBest regards Diana
Hi Mike,
Thank you for your detailed description with the pictures.
Yes, I use an i-pad with a resolution of 810 x 1080 px as a tablet.
Now I tried, as stated, to reduce the padding values in the “Desktop padding” setting, but unfortunately the result was that it worked on the i-pad, but also on my desktop PC then these settings were applied and the layout appeared as follows: https://my-visionguide.de/support/desktop-pc.png
So I removed this setting again and I now have the correct view on the desktop PC again: https://my-visionguide.de/home/#neustart-berufNow I think the easiest thing will be to set the toggle point for the tablet higher, instead of 989 as the maximum width, a higher value, so that it also works on the i-pad. What value do you recommend me here? And could you give me a CSS script that causes all grid rows on this page to have their switching point higher so that the cells are displayed one below the other?
Thank you very much for your work!
Best regards, DianaI was able to solve the problem with the timeline and the large border on the right:
there was a css script that centered the timeline that caused problems here. Therefore I have now only set this for larger screens with the following CSS:
@media only screen and (min-width: 1224px) {
#mid-timeline .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap {
width: 50%; }
}Now the padding on the right is no longer available.
HOWEVER, there is another problem on the mobile version:
The title (= date of the milestone) of the timeline is displayed on the mobile phone with a huge line spacing and the words are also cut off: see screenshot: https://my-visionguide.de/support/timeline-schrift.jpg
How can I get the whole title to be read on the cell phone and the line spacing a bit smaller?
Best regards Diana
Hi Ismael
unfortunately it still doesn’t work with the inserted spaces: https://anmeldung.kunst-und-energie.de/malkurse/termine-malkurse/What could it be?
Best regards, DianaUnfortunately, the script also does not work with the addition “!important;”
The view on the tablet is still like this: https://meine-achtsamkeit.de/support/tablet-quer.pngThe cell of the gridrow has the class “cell1”. I then tried to change your script as follows:
@media only screen and (max-width: 1024px) {
.flex_cell.cell1 {
vertical-align: top !important;
}
}
But that doesn’t work either.
Do you know another possibility?Best regards Diana
Hello Ricard,
thank you for your edit.
Unfortunately the script doesn’t work, there is no change.
Many greetings, DianeSorry, here is the correct link: https://meine-achtsamkeit.de/kurs-achtsamkeit-hamburg/#achtsamkeit-stress
Dear support team,
The problem is solved: I forgot to enter the setting “individual” in the main setting for the grid row for “Column Behavior When Fullwidth”!
Best regards Diana
Hello Ricard,
thank you very much for the code.
The font ‘Cormorant Garamond’ is integrated locally and has the font weights 300 / 400 / 500 / 600 / 700
I added an “!important” to your code and now it works!!!.heading h2 {
font-weight: 500 !important;
}Best regards Diana
Here again the link: https://meine-achtsamkeit.de/home/#was
Hoping it works now.
Best regards, DianaHello Rikard,
I apologize many times, I failed to inform you that the page was moved from the test server yesterday: the contact form is now available at https://craft17.eu/#kontakt. Unfortunately, the problem still persists: on the cell phone the email field is still displayed with a 2px border.
Could you pleasee helb me?
Best regards, DianaGood Morning Rikard,
I have integrated the script in the css. Unfortunately, the view on the mobile phone is still unchanged, i.e. the email field is still displayed with a 2px border. Only the font has been improved: it is now displayed correctly in 12px. What else could I do so that the outer line for the email field is also displayed with 1px? Here is the link to the current mobile view: http://craft17.eu/support/mobile_kontaktform-2.jpg
Best regards, Diana
Hello Mike,
this script works perfectly. The timeline will now load from the beginning!
Many Thanks!
Best regards, DianaHi Ismael,
I solved the problem, didn’t fully understand it, but it works now.
I removed the following script in the CSS:
@media only screen and (min-width: 989px) {
.av-main-nav-wrap {
left: auto;
transform: translateX (0);
float: right;
}
}Now I open the burger menu again on the tablet in landscape format.
Now there is only a little fine-tuning: In the open burger menu, the first menu item “Reservieren” slides a little to the right: see screen shot: https://osmosis.de/support/nav/reservieren.png. This may be because it is displayed with a frame in the normal menu on the screen. Unfortunately, the customer is annoyed by the indentation: Could you either display the frame around the menu item in the burger menu so that everything is left-justified again? Or alternatively remove the indentation for this menu item in the burger menu?
Thank you and best regards, Diana
Dear Rikard,
thanks for the script:
– it works well in that it now forces the burger icon to the right position on the tablet landscape format. This is already very good: see screenshot https://osmosis.de/support/nav/nav1.png
– HOWEVER, there is now the problem that the burger menu cannot be opened: when opening a small white field only appears in the upper area of the header bar: the menu itself is not displayed: see screenshot https://osmosis.de/support/nav/nav2.png> Why is the menu not opened on the Tablet Querfromat? It works wonderfully with the Hochfromat tablet and mobile phone.
Could you please help me here?Thank you and best regards, Diana
