-
Posts
-
Hi,
I just got a solution from you for the page FAQ that worked fine,
but on all other pages the problem was not solved, as I have seeen just right now:Could you please have a look?
Thank you
AstridHey Asrada,
What was the solution for the FAQ page? Can you please remind us?
Best regards,
VictoriaHey Victoria,
you sent this code:@media only screen and (max-width: 990px) {
#top #after_section_1 .togglecontainer.avia-builder-el-7 {
min-height: 100vh;
}
}Best regards
AstridHey Victoria,
we found out that there is a general problem with hovering and clicking links in responsive view in other pages, see page link in Private Content.
Links are not active anymore …Kind regards,
AstridHi Astrid,
Could you please attach some screenshots of the issue?
What do you mean hovering and clicking? Do you mean the links are not clickable?
Best regards,
VictoriaHi Victoria, yes, that’s what I mean: links are not clickable in mobile view/smaller devices.
Best regards,
AstridHi Asrada,
It is very weird.
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi Asrada,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.flex_column.av_one_half.avia-builder-el-9 { z-index: 300; }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
thank you – but this code only works for the links in AKTUELLES -> PRESSE, but not for TERMINEand the accordions on the pages
http://www.turbonik.de/neu/dampf-fuer-klima-und-unternehmen/ (accordion + button above it)
What can we do?
Best regards,
AstridHi,
I couldn’t find any accordion elements on those pages. Did you remove them? Can you give us a screenshot?
Best regards,
IsmaelHi Ismael,
they are only visible for smaller screens.
In desktop view we show the whole text.
Best regards
AstridHi,
I see. The accordions are not accessible because the container of another element is covering them up. Did you add any css modifications to the site?
Apply a custom css class attribute, for example, “custom-column”, to the column containing the accordion and then set a higher z-index value..custom-column { z-index: 1000; }Best regards,
IsmaelHi,
this code did not work.
I found out, that in grid.css when disabling this:@media only screen and (max-width: 767px)
.responsive #top .flex_column_table_cell {
display: block;
}accordions and links will work.
So I wrote this code in my childtheme’s css:@media only screen and (max-width: 767px) {
.responsive #top .flex_column_table_cell {
display: none;
}
}This works, but I am not sure if there are any other consequences.
Best regards
AstridHi Astrid,
Well, this code can hide this element on other pages, please check and use the page id class to limit the action of the css to this page only.
Example of code with the page id class:
https://kriesi.at/support/topic/am-i-using-page-id-in-the-right-way/#post-832189If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria, maybe my issue is in the same direction so I want to ask it here.
It concerns the accordion element on page (see private link)
You see 4 accordion elements in blue boxes with “beispiel” or “topic”.You also will notice that the accordion element is not clickable.
How can we solve this ? Thanks a lot, marcusHi onsite_org,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.page-id-1212 #av_section_4 { z-index: 99999; } .page-id-1212 #after_section_4 { z-index: 0; }If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.