-
AuthorSearch Results
-
March 24, 2025 at 5:05 pm #1480059
In reply to: Fullwidth submenu shortcode break layout
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardMarch 24, 2025 at 3:03 pm #1480051In reply to: Related posts ALB and Standard Post
Hi Ismael,
What about this script https://kriesi.at/support/topic/enable-related-posts/ would this still be worth a try? Otherwise, I’ll need to add the post element to each user’s post? Argh, lots of those.
Thanks for your help.
jMarch 24, 2025 at 2:47 pm #1480050Awesome!!! Thank you so much :)
Topic can be closedMarch 24, 2025 at 1:28 pm #1480049btw: this handles visibility of that line:
#top .av-special-heading.blockquote .special-heading-border .special-heading-inner-border { opacity: 0.8; }March 24, 2025 at 12:25 pm #1480046ok – ich fand jetzt deine Seite – hilfreich wäre ein link gewesen:
/* === besides the heading === */ #top .av-special-heading.blockquote { display: grid; margin: 0; row-gap: 0px; /*=== influences the distance between heading and subheading ===*/ grid-auto-flow: row; grid-template-columns: auto 1fr; grid-template-areas: "area1 area2" "area3 area3"; } #top .av-special-heading.blockquote .av-special-heading-tag { grid-area: area1; padding-right: 20px } #top .av-special-heading.blockquote .special-heading-border { display: block; grid-area: area2; } #top .av-special-heading.blockquote .av-subheading_below { grid-area: area3; margin-top: -10px; /*=== if you like to have less distance between heading and subheading ===*/ }und wie gesagt :
/* === besides the subheading : erase that rule if you like to have it besides the heading === */ #top .av-special-heading.blockquote { grid-template-areas: "area1 area1" "area3 area2"; } #top .av-special-heading.blockquote .av-subheading_below { margin-top: 10px; }March 24, 2025 at 12:09 pm #1480043du hast auch nicht erwähnt, dass du die subline oberhalb der Headings hast.
für dich jetzt zum Testen :
#top .av-special-heading.blockquote { display: grid; margin: 0; row-gap: 10px; grid-auto-flow: row; grid-template-columns: auto 1fr; } #top .av-special-heading.blockquote .av-special-heading-tag { grid-area: area1; padding-right: 20px } #top .av-special-heading.blockquote .special-heading-border { display: block; grid-area: area2; } #top .av-special-heading.blockquote .av-subheading_above { grid-area: area3; margin-bottom: 20px; } #top .av-special-heading.blockquote { grid-template-areas: "area3 area3" "area1 area2"; }dann siehst du schon mal wie es wird.
_____________
um es selektiver zu gestalten müsstest du diesen Headings noch eine benutzer Klasse hinzufügen.
um für beide Fälle gewappnet zu sein.
z.B: subline-above oder subline-belowdann :
/* === besides the heading === */ #top .av-special-heading.blockquote.subline-above, #top .av-special-heading.blockquote.subline-below { display: grid; margin: 0; row-gap: 0px; /*=== influences the distance between heading and subheading ===*/ grid-auto-flow: row; grid-template-columns: auto 1fr; } #top .av-special-heading.blockquote.subline-above .av-special-heading-tag, #top .av-special-heading.blockquote.subline-below .av-special-heading-tag { grid-area: area1; padding-right: 20px } #top .av-special-heading.blockquote.subline-above .special-heading-border, #top .av-special-heading.blockquote.subline-below .special-heading-border { display: block; grid-area: area2; } #top .av-special-heading.blockquote.subline-below .av-subheading_below { grid-area: area3; margin-top: -10px; /*=== if you like to have less distance between heading and subheading ===*/ } #top .av-special-heading.blockquote.subline-above .av-subheading_above { grid-area: area3; margin-bottom: 10px; /*=== if you like to have less distance between heading and subheading ===*/ } #top .av-special-heading.blockquote.subline-above { grid-template-areas: "area3 area3" "area1 area2"; } #top .av-special-heading.blockquote.subline-below { grid-template-areas: "area1 area2" "area3 area3"; }March 24, 2025 at 9:13 am #1480034In reply to: Fullwidth submenu shortcode break layout
Sorry – that was my mistake. I wrote the wrong CSS when I was writing to you.
It doesn’t work with the correct CSS either. In the meantime, I found the right solution, which was this PHP:
php
Kopiér
Rediger
add_action(‘ava_after_main_container’, ‘custom_submenu’);
function custom_submenu() {
if (wp_is_mobile()) {
return; // Stop the function if it’s a mobile device
}
$classes = get_body_class();
if ((in_array(‘woocommerce-page’, $classes)) || (in_array(‘archive’, $classes))) {
echo do_shortcode(“[av_submenu which_menu='' menu='3251' position='center' sticky='aviaTBsticky' color='footer_color' mobile='disabled' mobile_switch='av-switch-768' alb_description='' id='' custom_class='' template_class='' av_uid='av-m8fv68yn' sc_version='1.0']
[av_submenu_item title='Menu Item 1' button_style='' link='' link_dynamic='' linktarget='' title_attr='' av_uid='av-d3kl3k2' sc_version='1.0']
[av_submenu_item title='Menu Item 2' button_style='' link='' link_dynamic='' linktarget='' title_attr='' av_uid='av-683en9e' sc_version='1.0']
[/av_submenu]“);
}
}March 24, 2025 at 8:48 am #1480029where do you like to have the heading border ? besides heading or besides the subline?
/* === besides the heading === */ #top .av-special-heading.blockquote { display: grid; margin: 0; row-gap: 0px; /*=== influences the distance between heading and subheading ===*/ grid-auto-flow: row; grid-template-columns: auto 1fr; grid-template-areas: "area1 area2" "area3 area3"; } #top .av-special-heading.blockquote .av-special-heading-tag { grid-area: area1; padding-right: 20px } #top .av-special-heading.blockquote .special-heading-border { display: block; grid-area: area2; } #top .av-special-heading.blockquote .av-subheading_below { grid-area: area3; margin-top: -10px; /*=== if you like to have less distance between heading and subheading ===*/ } /* === besides the subheading : erase that rule if you like to have it besides the heading === */ #top .av-special-heading.blockquote { grid-template-areas: "area1 area1" "area3 area2"; }March 24, 2025 at 8:36 am #1480028In reply to: Pricing boxes – align button at bottom of box
Hi Ismael … thank you that worked a treat!!
One other thing if I may? I need two buttons on the top of the landing page for different languages… so is it possible to hide the header and still have the top bar in view .In the meantime, I hope you have a fantastic day!
Regards,
AnnemarieMarch 24, 2025 at 8:35 am #1480027In reply to: Icon/Flipbox jumping on scroll up/down
Hi Mike,
thanks for looking into it :)We have test in on Android and iOS. It is “jumping” on both systems: Android with Firefox and Chrome (or Chromium) and iOS with Safari.
But on Desktop in DEV Tools Emulator it doesn’t jump.
Greetings
MartinMarch 24, 2025 at 8:22 am #1480025In reply to: Pricing boxes – align button at bottom of box
Hi,
Thank you for the link.
Please add this css code to adjust the alignment of the buttons.
#top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .avia-button-wrap { position: absolute; width: 100%; bottom: 0; } #top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .flex_column_table .flex_column { padding-bottom: 100px; }Best regards,
IsmaelMarch 24, 2025 at 6:23 am #1480015Hi,
Thank you for the clarification.
Please remove the previous css modifications applied to the search input, then replace them with the following code:
#top #chsearchbox #searchsubmit, #chsearchbox .ajax_load { width: 62px; height: 100%; line-height: 40px; padding: 0; position: absolute; right: auto; top: 0; z-index: 2; margin: 0; border-radius: 0; min-width: 40px; left: 0; background: url('https://riseandshine.childrensnational.org/wp-content/uploads/2017/07/ch-search-icon.png'); background-size: contain; background-repeat: no-repeat; background-position: center center; } #chsearchbox #searchform .av_searchform_search.avia-svg-icon { display: none; } #chsearchbox #search-3 #s { left: 35px; content: none; width: 85%; margin: -32px auto !important; padding: 41px; border: none!important; box-shadow: 0px 5px 15px 0px #cccccc; margin-left: 0 !important; }The search bar should look like this after applying the modification:
Best regards,
IsmaelMarch 24, 2025 at 5:39 am #1480012In reply to: Testimonals on mobile
Hey northorie,
Thank you for the inquiry.
The testimonial arrows are visible when we checked. If you need to adjust its position, add this css:
.responsive #top #wrap_all .av-flex-cells .avia-slideshow-arrows { top: -50px; position: relative; }To adjust the space around the container, you can add this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .responsive #top #wrap_all .av-flex-cells .no_margin.avia-testimonial { padding-left: 0 !important; padding-right: 0 !important; } }Best regards,
IsmaelMarch 23, 2025 at 5:31 pm #1479986In reply to: Sticky element
Hey sitadi,
The login to the live site is not working, but for the test site the search is sticky but seems to be in the wrong position when the header when it shrinks,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#header.header-scrolled ~ #main #av_section_1 .avia_search_element { top: -64px; position: relative; } #header ~ #main #av_section_1 .avia_search_element { top: -30px; position: relative; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeMarch 23, 2025 at 5:03 pm #1479984March 23, 2025 at 3:37 pm #1479978In reply to: Enfold 7 Updates to SVG losing Colours/CSS
I used similar after going through the html and finding what CSS was setting the Cart SVG icon fill and replicated it in my CSS
#top #wrap_all .header_color .cart_dropdown_first .cart_dropdown_link.avia-svg-icon svg:first-child,
#top .header_color .avia_cart_buttons .avia-svg-icon svg:first-child {
fill: #000;
}March 23, 2025 at 2:34 pm #1479972In reply to: Burger-Menu BG-color on transparent header
Perfect, thanks a lot! Topic can be closed :)
March 23, 2025 at 2:20 pm #1479970In reply to: Enfold 7 Updates to SVG losing Colours/CSS
Hi,
Thanks for sharing your scroll-top-link solution, that may help others, but I don’t see any css that would help the cart, did you use Guenni007’s solution?Best regards,
MikeMarch 23, 2025 at 1:26 pm #1479968In reply to: Burger-Menu BG-color on transparent header
Hey northorie,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.darklup-dark-mode-enabled #top #header .av-main-nav > li > a:not(.darklup-dark-ignore) { background-color: unset !important; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeMarch 23, 2025 at 1:24 pm #1479966In reply to: Enfold 7 Updates to SVG losing Colours/CSS
If you are using the Theme colour styling section then it shouldn’t be an issue it is only because I don’t and use my own CSS to style everything that the switch to SVG caused an issue.
It was as was posted above setting a Fill colour to the Cart, Return to Top and Search in the nav that returned them to how they once were with just color css, so if you are using custom CSS for these elements you just need to set a color as a Fill.
For example in the scroll to top link the colour of the arrow was previous set by a color style but now needs a Fill style with that same color.
a#scroll-top-link.avia_pop_class {
background-color: var(–scroll-top-background-color);
color: var(–scroll-top-color);
border: 1px solid var(–scroll-top-border-color) !important;
opacity: 1;
}
#scroll-top-link.avia-svg-icon svg:first-child {
fill: var(–scroll-top-color) !important;
}
a#scroll-top-link.avia_pop_class:hover {
background-color: var( –scroll-top-hover-bgcolor);
color: var(–scroll-top-hover-color);
border: 1px solid var(–scroll-top-hover-bordercolor) !important;
opacity: 1;
}
#scroll-top-link.avia-svg-icon:hover svg:first-child {
fill: var(–scroll-top-hover-color) !important;
}March 22, 2025 at 9:01 pm #1479932In reply to: Enfold 7 Updates to SVG losing Colours/CSS
Apologise for not relating sooner.
Because I use my own custom CSS the Cart icon in the header, Return to Top button and Nav Search icon lost the colours with your switch to SVG on 7.0 so we’re not appearing when the theme was updated.
I use your theme for the great GUI and drop and drag visual setup in Pages which makes it easier for clients updating their sites.
Thank you for your reply, I actually ended up finding the shopping cart SVG css so have added the fill to it and my other sites now I have those 3 new style settings with your switch to SVG with me not using your inbuilt colour styles setup.
I may have missed it but I could find any details in your help text about how the switch to SVG would impact, I am not sure if this might be possible going forward to help others 🙂
March 22, 2025 at 8:03 pm #1479926ballindigital
ParticipantWe’re experiencing an issue on our website rosevel.ie regarding how images behave on mobile devices.
We’ve configured our product images to use the lightbox feature, so when clicked, they enlarge on the same screen without navigating away from the product page. This works correctly on desktop, and in most cases on mobile too.
However, on mobile, we’ve noticed that sometimes when a user taps an image, it opens the image in a new page instead of using the lightbox, effectively taking the user away from the product page.
Here’s a quick video showing your what I mean:
This is problematic as it disrupts the user experience and could negatively impact conversions.
Could you please look into this and let us know how to fix it? Ideally, we want the lightbox to work consistently across all devices, especially mobile.
Thanks in advance for your help!
March 22, 2025 at 7:59 pm #1479925Topic: Small bar above Main Menu Colour
in forum Enfoldballindigital
ParticipantHi,
I’ve changed the colour of the Small bar above Main Menu to red but it shows up as pink on desktop and mobile?
Any ideas why?
Thanks!
Harvinder
March 22, 2025 at 10:14 am #1479899In reply to: Problem installing Google Font
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardMarch 21, 2025 at 11:30 pm #1479892In reply to: Help with some shop elements
It still doesn’t work on Mobile, it disappears completely. On tablet, it shifts, and looks weird. I guess we have to manually adjust it for every screen size?
I’m pretty sure back in the day there were banners, and they were attached to the physical images, making this easier. I just wish I knew how I removed them, cause I didn’t want them at the time.
Also, with the categories, I want “Items with Promos” to show up at the top, but its only doing so on desktop. Its not doing so on mobile. Can you also check on tablet?
Thank you so much
March 21, 2025 at 1:09 pm #1479865In reply to: Erweiterter Layout Editor bringt leere Seite
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardMarch 21, 2025 at 1:03 pm #1479864In reply to: Theme sync error and footer editing
Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardMarch 21, 2025 at 8:33 am #1479842In reply to: Hide default WPML language switcher
Hi Ismael,
thank you very much. That worked!
Best regards,
CristopherMarch 21, 2025 at 5:45 am #1479836In reply to: Tab Section – Direct links for tabs
Hi,
The script is the same as the one posted above, so it’s possible that it was not added correctly earlier. https://kriesi.at/support/topic/tab-section-direct-links-for-tabs/#post-1479486
Best regards,
IsmaelMarch 21, 2025 at 5:27 am #1479832In reply to: Portfolio categories are not aligned
Hey Angelo,
Thank you for the inquiry.
Please note that selected categories normally move to the top of the list. The category alignment or hierarchy is correct when no categories are selected.
Do you encounter issues with the category selection?
Best regards,
Ismael -
AuthorSearch Results
-
Search Results
-
We’re experiencing an issue on our website rosevel.ie regarding how images behave on mobile devices.
We’ve configured our product images to use the lightbox feature, so when clicked, they enlarge on the same screen without navigating away from the product page. This works correctly on desktop, and in most cases on mobile too.
However, on mobile, we’ve noticed that sometimes when a user taps an image, it opens the image in a new page instead of using the lightbox, effectively taking the user away from the product page.
Here’s a quick video showing your what I mean:
This is problematic as it disrupts the user experience and could negatively impact conversions.
Could you please look into this and let us know how to fix it? Ideally, we want the lightbox to work consistently across all devices, especially mobile.
Thanks in advance for your help!
Hi,
I’ve changed the colour of the Small bar above Main Menu to red but it shows up as pink on desktop and mobile?
Any ideas why?
Thanks!
Harvinder



