Forum Replies Created
-
AuthorPosts
-
Hey dondela,
Thank you for the inquiry.
The modification is not being applied. Have you tried temporarily disabling the Performance > File Compression settings? Please also make sure that there are no invalid css entries in the Quick CSS field.
Best regards,
IsmaelFebruary 27, 2025 at 6:06 am in reply to: Responsive Font size change not working on mobile #1478078Hi,
Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHi,
Great! Glad it’s fixed. Let us know if you have more questions.
Have a nice day.
Best regards,
IsmaelHi,
This is possible, but it will require modifications beyond the scope of support. Please note that pages/posts using the ALB also require these custom fields:
_aviaLayoutBuilder_active
_aviaLayoutBuilderCleanData
_avia_builder_shortcode_tree
_avia_sc_parser_state
_av_alb_posts_elements_state
_av_el_mgr_versionThese entries will not be generated without manually switching to the Advance Layout Builder.
Best regards,
IsmaelHey bonsaimedia,
Thank you for the inquiry.
Polylang usually relies on manual translation, and the same applies to Custom Layouts. You will need to manually create a different version of the custom layout for another language and assign it to the translated page.
Best regards,
IsmaelHey mary301187,
Thank you for the inquiry.
Looks like you already found the Styling > Background > Background Attachment settings. If you’re not seeing the effect in mobile view, it’s possible that the browser doesn’t support the background-attachment property.
Best regards,
IsmaelFebruary 27, 2025 at 5:30 am in reply to: Flexible Masonry no or too large white border above and below images #1478073Hi,
Thank you for the screenshot.
Did you install a lazy load or any plugins related to images? Adding this code in the functions.php file should help:
add_action('wp_footer', 'ava_auto_resize'); function ava_auto_resize() { ?> <script> (function($) { var resizeInterval = setInterval(function() { $(window).trigger('resize'); }, 1500); $(window).on('load', function() { setTimeout(function() { clearInterval(resizeInterval); }, 500); }); })(jQuery); </script> <?php }
Best regards,
IsmaelHi,
You have to translate the menus because once any page is translated, WPML creates another version of the site for a different language. This separate version requires its own menu since WordPress menus are language-specific. If the menu isn’t translated, it won’t appear on the translated pages and WPML will assign a default menu, usually containing all pages. Please try to translate the current menu to the other language.
Best regards,
IsmaelHey waveseven,
Thank you for the inquiry.
You may need to open a popup with an inline content containing the SVG image. Please check this thread for more info: https://kriesi.at/support/topic/pop-up-lightbox/#post-1429478
Best regards,
IsmaelFebruary 27, 2025 at 5:16 am in reply to: WooCommerce Product Image Too Big on Mobile – Need Help #1478070Hi,
Thank you for the update.
We added the modification in the live site.
Best regards,
IsmaelHi,
We added the class name “av-grid-narrow-column” to the grid row element containing the columns, then added this css code.
@media only screen and (min-width: 989px) { .responsive #top #wrap_all .av-grid-narrow-column .flex_cell { top: -100px; position: relative; max-width: 64%; display: block; margin: 0 auto; } }
Please remove the 500px padding on both grid row.
Best regards,
IsmaelHey MarcusJeroch,
Thank you for the inquiry.
As mentioned here, https://kriesi.at/support/topic/navigation-fullwidth/, you can set the Enfold > Header > Header Layout > Menu And Logo Position to “Logo center, Menu below”, then upload the SVG as logo in the Enfold > Theme Options panel. You may need to adjust the Enfold > Header > Header Size to custom pixel value.
Best regards,
IsmaelHey MarcusJeroch,
Thank you for the inquiry.
Set the Enfold > Header > Header Layout > Menu And Logo Position to “Logo center, Menu below”, then add this css code to adjust the maximum width of the menu container:
#header #header_main_alternate .container { max-width: 100vw; }
Let us know the result.
Best regards,
IsmaelHi,
@Guenni007: He’d like to change it with the an actual image. Thank you for the info.Best regards,
IsmaelHi,
No problem! Let us know if you have more questions. Have a nice day.
Best regards,
IsmaelFebruary 26, 2025 at 7:59 am in reply to: Responsive Font size change not working on mobile #1477994Hi,
We added this css code to adjust the casing of the heading tags:
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; letter-spacing: 1px; }
And regarding the padding issue, did you add this css code?
main.template-page.content.av-content-full.alpha.units { padding-bottom: 0px !important; padding-top: 0px !important; }
This removes the default padding of the color sections.
Best regards,
IsmaelHey Matthew,
Thank you for the inquiry.
Where can we check the issue? Please create a test page, then provide the URL in the private field. In the meantime, try to temporarily disable the Enfold > Performance > File Compression settings. Let us know if the issue persists.
Best regards,
IsmaelHey xfacta,
Thank you for the inquiry.
You can add this css code to limit the height of the embedded video.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top .flex_column.av-6x5rog-a89aa535bbb4f44ff97f6d467f65c8b1 .avia_codeblock iframe { height: 200px; margin-bottom: -50px; } }
Best regards,
IsmaelHi,
Try to adjust the height, width and line-height properties in the css code above.
Best regards,
IsmaelFebruary 26, 2025 at 6:56 am in reply to: Responsive Font size change not working on mobile #1477986Hi,
Have you tried using the Special Heading element instead of the Text Block? The custom styles set in the Text Block are not being applied because the base styles for the H1 element are overriding them. Please try replacing the Text Block with the Special Heading element, then set the heading tag to H1.
Best regards,
IsmaelHi,
Good to know! Let us know if you have more questions.
Have a nice day.
Best regards,
IsmaelHi,
Great! Glad to know that you’ve found a workaround. Let us know if you have more questions.
Have a nice day.
Best regards,
IsmaelHi,
You can use this css code to adjust the size of the icon in the list.
.avia-icon-list .iconlist_icon { height: 64px; width: 64px; line-height: 64px; font-size: 20px; text-align: center; margin-right: 30px; margin-left: 2px; }
Adjust the font-size value as you wish.
Best regards,
IsmaelFebruary 26, 2025 at 6:36 am in reply to: Responsive Font size change not working on mobile #1477980Hi,
Thank you for the info.
We were not able to login because the credentials above are invalid. Please check the info carefully or provide another admin account.
Best regards,
IsmaelFebruary 26, 2025 at 6:32 am in reply to: How to add social Media accounts BlueSky & Mastodon? #1477979Hey MarcusJeroch,
Thank you for the inquiry.
Yes, these icons are not yet available by default, but you can manually add them by following the instructions in this thread: https://kriesi.at/support/topic/tiktok-icon-social-media-buttons/#post-1394706
Let us know if you need more info.
Best regards,
IsmaelHey MarcusJeroch,
Thank you for the inquiry.
You can add this css code to adjust the width of the overlay:
#top .aviaccordion-preview { height: 100%; width: 50%; }
Best regards,
IsmaelHey Maureen,
Thank you for the inquiry.
You can use this code in the Quick CSS field to apply the crown to the active menu item:
#top #header_main > .container .main_menu .av-main-nav > li.current-menu-item:before { position: absolute; height: 31px; width: 32px; background: url(https://oranjevereniging-hoevelaken.nl/wp-content/uploads/2025/02/20250225-OranjeVerenigingHoevelaken-logo-kroontje.jpeg); content: ""; top: 30px; left: 50%; background-size: 100% 100%; transform: translateX(-50%); }
Result:
Best regards,
IsmaelHi,
You may need pull the whole cell instead.
.responsive #top #wrap_all .flex_cell.av-m7dbfxs0-8641a1a6d69afe4c2e8bb61389de1cc0 { top: -100px; position: relative; max-width: 50%; display: block; margin: 0 auto; }
You may want to avoid applying 500px padding on both sides of the cell because it makes the container too narrow on large screens.
Best regards,
IsmaelHi,
Thank you for the update.
The mobile menu links under “Servizi” are accessible when we checked. Did you figure out the issue?
Best regards,
IsmaelHey ballindigital,
Thank you for the inquiry.
You can add this css code to adjust the color of the “All Dermal Fillers” menu item on mobile view:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a[href="https://www.rosevel.ie/product-category/dermal-fillers/"] { color: black; } }
Best regards,
Ismael -
AuthorPosts