Forum Replies Created
-
AuthorPosts
-
here on that page you can achieve this by:
(the old way – because using font-icons)#top .main_menu { right: 145px; /* === A correction value for the now broader social_bookmarks === */ padding-right: 10px; } #header_main .social_bookmarks { margin: 0; height: 40px; top: 50%; transform: translateY(-50%); } #top .social_bookmarks li { width: 36px; } #top .social_bookmarks li a { width: 40px; line-height: 40px; min-height: 40px; } #top .social_bookmarks li a:before { font-size: 24px }Perhaps it needs to be adapted for your website. As a participant, I cannot see any private content, so I’m afraid I can’t offer any better advice.
NEXT: now the bookmarks are svg icons – so the css had to be different.
But i do not find an example page to do so. I had to look on one of my installatons to have that different css.#top .avia-menu.av_menu_icon_beside { border-right: none; padding-right: 10px; margin-right: 10px; } #top nav .social_bookmarks { position: relative; transform: translateY(-50%); margin: 0 !important; height: 40px !important; } #top .social_bookmarks li { width: 40px; margin-left: 3px } #top .social_bookmarks li a { width: 40px !important; line-height: 40px; border-radius: 10px !important; min-height: 40px; } #top .social_bookmarks li.avia-svg-icon img[is-svg-img="true"], #top .social_bookmarks li.avia-svg-icon svg:first-child { height: 1.5em; width: auto; margin-top: 5px; }if you have started by using a demo installation. F.e. https://kriesi.at/themes/enfold-one-page-portfolio/
This homepage behaves as you described.This option of header you can choose to have on the page editor. Have a look to the layout and find: “Header visibility and transparency”
That dropdown :

Make your selection there.
August 21, 2025 at 6:12 pm in reply to: Duplication of information at bottom of each page on site #1488379how did you insert those full_sliders ? because they are twice on your site as your told us above.
some are out of wrap_all ? so your footer is there – but over these copied sliders!

see your footer here: https://eustasis.com/#footer
or without uploading – just with base 64 data uri:
#av-cookie-consent-badge:before { display: block; position: relative; content: ""; width: 100%; height: 100%; top: 10px; left: 10px; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ29va2llcyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+CiAgPGNpcmNsZSBjeD0iMTgzLjMiIGN5PSIyNC45IiByPSIxNy41Ii8+CiAgPGNpcmNsZSBjeD0iMjIzLjIiIGN5PSI3My41IiByPSIxMi4yIi8+CiAgPGNpcmNsZSBjeD0iMjU2LjUiIGN5PSIxMjUuMyIgcj0iMTAuNyIvPgogIDxjaXJjbGUgY3g9IjI2My44IiBjeT0iNTkuMyIgcj0iOC43Ii8+CiAgPHBhdGggZD0iTTI3OS4xIDE1Mi45Yy02LjcgNi4zLTE1LjcgMTAuMS0yNS42IDEwLjEtMjAuNyAwLTM3LjUtMTYuOC0zNy41LTM3LjUgMC02LjcgMS43LTEyLjkgNC44LTE4LjMtMTcuMy0yLjMtMzEuMi0xNS0zNS4zLTMxLjctMS4yLjEtMi40LjItMy43LjItMjMuMiAwLTQyLTE4LjctNDIuMi00MS44QzcyLjkgMzkuMyAyMC41IDk1IDIwLjUgMTYzLjFjMCA3MS41IDU4IDEyOS41IDEyOS41IDEyOS41czEyOS41LTU4IDEyOS41LTEyOS41YzAtMy41LS4xLTYuOC0uNC0xMC4yek02OS4yIDE3OS41Yy05LjcgMC0xNy41LTcuOC0xNy41LTE3LjVzNy44LTE3LjUgMTcuNS0xNy41IDE3LjUgNy44IDE3LjUgMTcuNS03LjkgMTcuNS0xNy41IDE3LjV6bTQ1LTk4LjhjOS43IDAgMTcuNSA3LjggMTcuNSAxNy41cy03LjggMTcuNS0xNy41IDE3LjUtMTcuNS03LjgtMTcuNS0xNy41IDcuOS0xNy41IDE3LjUtMTcuNXptMy4xIDE2OS4xYy05LjcgMC0xNy41LTcuOC0xNy41LTE3LjVzNy44LTE3LjUgMTcuNS0xNy41IDE3LjUgNy44IDE3LjUgMTcuNS03LjkgMTcuNS0xNy41IDE3LjV6bTU3LjktNzAuM2MtOS43IDAtMTcuNS03LjgtMTcuNS0xNy41czcuOC0xNy41IDE3LjUtMTcuNSAxNy41IDcuOCAxNy41IDE3LjUtNy44IDE3LjUtMTcuNSAxNy41em0zMy45IDcyLjNjLTkuNyAwLTE3LjUtNy44LTE3LjUtMTcuNXM3LjgtMTcuNSAxNy41LTE3LjUgMTcuNSA3LjggMTcuNSAxNy41LTcuOCAxNy41LTE3LjUgMTcuNXoiLz4KPC9zdmc+); background-size: 30px; background-repeat: no-repeat; }by the way – here is a huge amount of usefull path – with the option to get the base 64 data uri:
https://www.svgviewer.dev/svg-to-data-uriEnter f.e. cookie on search input field.
upload that svg to your media library: Cookie SVG
and put this to your quick css:
#av-cookie-consent-badge:before { display: block; position: relative; content: ""; width: 100%; height: 100%; top: 0; left:0; background-image: url("/wp-content/uploads/cookie.svg"); background-size: contain; background-repeat: no-repeat; }adjust the url with your path
As a participant i could not see private content.
i did not check your selectors if they are correct but in your media query
@media only screen and (max-width: 767px) { .avia-data-table.avia_pricing_minimal td, .avia-data-table.avia_pricing_minimal th { padding: 0px; } } /* === here is one missing curly bracket === */do not forget the closing bracket ( two opening brackets – only one closing )
___________
Next : if you got a pricing-table – there are no table layouts (body, th, td etc) these are created as lists!
so if you got a pricing table – then the selectors are not o.k.PS: i didn’t know that even minimal data tables – got that class: avia_pricing_minimal
so with that one missing closing bracket your codes seems to working.why do you think that there is something wrong?
is on your dropdown list no custom svg ?
August 20, 2025 at 12:36 pm in reply to: How to enable Image instead of icons/name for “Tabs (Tabbed Content Area) “ #1488305you have mixed two elements here on your page – the one is the tab-section
and the images belong to these av-section-tab-title

the other element is inside your content of the tab-section element. (Tabs) – and indeed they only have the option to show icons!
but – if you got svg images – you could place these files by choosing wordpress media library as source for your icons.next hint: no one hampers you to insert left to the tab title :
<img class="alignleft" src="/wp-content/uploads/globe-color.png" alt="" width="40" height="40" />you can horizontally center these images with the tab-titles by:
.tabcontainer .tab_titles .tab { display: flex; align-items: center; }there will be warnings – but you can ignore them – it works!

you know how to have a child-theme replacement script?
maybe it is a working way to have an explicite mobile menu – because the other solution is to have a child-theme avia-snippet-hamburger-menu.js file.
____________________________________________
you have to look for this part inside:
if( cur_menu.length ) { if( cur_menu.get(0).hash == '#' || 'undefined' == typeof cur_menu.attr('href') || cur_menu.attr('href') == '#' ) { // eventhandler conflict 'click' by megamenu (returns false) - ignore all handlers if( subitems.length > 0 || megacolumns.length > 0 ) { clone_events = false; } } }and replace it by:
// AVOID CONFLICT: Keep events for the GTranslate menu item if( ! current.hasClass('menu-item-gtranslate') ) { if( cur_menu.length ) { if( cur_menu.get(0).hash == '#' || 'undefined' == typeof cur_menu.attr('href') || cur_menu.attr('href') == '#' ) { // eventhandler conflict 'click' by megamenu (returns false) - ignore all handlers if( subitems.length > 0 || megacolumns.length > 0 ) { clone_events = false; } } } }August 20, 2025 at 11:16 am in reply to: How to enable Image instead of icons/name for “Tabs (Tabbed Content Area) “ #1488297August 20, 2025 at 7:48 am in reply to: increase size of logo and burger icon on mobile view #1488285All seems to work now!
but please: https://kriesi.at/support/topic/use-code-tag-for-posting-snippets-e-g-implementing-google-tag-script/to check your code it would be easier if you use the code tag here on the board.
is this a transparent header on desktop view?
then you had to adjust on fixed non-transparent header the padding-top of #mainAugust 20, 2025 at 7:28 am in reply to: Time-sensitive: Why has text changed to question marks in elements? #1488283It would be helpful to determine whether the issue is specific to Enfold or if it is a more widespread problem. I suggest temporarily activating one of the standard WordPress themes and checking whether these replacement characters are still displayed in the editor.
August 19, 2025 at 7:21 am in reply to: increase size of logo and burger icon on mobile view #1488232but for your trials to have sticky header on mobile – my advice is to erases the code and replace it with ( It is difficult to identify the issue with the existing code. Therefore, I would prefer to start over.) :
@media only screen and (max-width: 1023px) { #header { position: fixed !important; height: 120px !important; max-height: 120px !important; } #top #header.av_header_transparency #header_meta { background-color: transparent; } #header_main { border-bottom: none; } #header:not(.av_header_transparency) #header_main { box-shadow: 0 5px 5px rgba(182,182,182,0.75); } .responsive #top .av-logo-container , .responsive #top .logo a, .responsive #top .logo img, .responsive #top .logo svg { height: 120px !important; max-height: 120px !important; line-height: 120px !important; } .responsive #top .av-main-nav .menu-item-avia-special a { height: 120px !important; line-height: 120px !important; } .responsive.html_mobile_menu_tablet #top #wrap_all .av_header_transparency { background-color: transparent !important; } #top .header_bg { background-color: transparent !important; } #top #header:not(.av_header_transparency) .header_bg { background-color: #FFF !important; } .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate, .responsive.html_mobile_menu_tablet #top .av_header_transparency .logo .subtext.avia-svg-logo-sub { display: block !important; } .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img, .responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > svg { opacity: 0; } /*** das hier individuell anpassen je nach dem ***/ #top #header.av_header_transparency #header_meta .phone-info * { color: #FFF !important; } .html_mobile_menu_tablet .header_color #header.av_header_transparency div .av-hamburger-inner, .html_mobile_menu_tablet .header_color #header.av_header_transparency div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color #header.av_header_transparency div .av-hamburger-inner::after { background-color: #FFF; } .html_mobile_menu_tablet .header_color #header.av_header_transparency .menu-item-search a:before { color: #FFF; } .responsive.html_header_top.html_mobile_menu_tablet #top #main { padding-top: 120px !important; } .responsive.html_header_top.html_header_transparency.html_mobile_menu_tablet #top #main { padding-top: 0 !important; } }and next: synchronise the switch point of your burger menu with those settings for your header.
means@media only screen and (max-width:1023px) { #avia-menu .menu-item { display:none } .av-burger-menu-main.menu-item-avia-special { display:block } }for your content inside the first section there should be more distance to header on smaller screens! …
in addition :@media only screen and (max-width:767px) { .responsive.html_header_top.html_header_transparency.html_mobile_menu_tablet #top #main #av_section_1 .content { padding-top: 150px } }August 19, 2025 at 7:14 am in reply to: increase size of logo and burger icon on mobile view #1488231on #main you set the padding-top to zero for all headers – so add that rule in your media query setting
@media only screen and (max-width:1024px) { .responsive .logo img, .responsive .logo svg { max-height:120px } .responsive #top #wrap_all .main_menu { height:120px } .responsive #top #header_main>.container .main_menu .av-main-nav>li>a, .responsive #top #wrap_all .av-logo-container { height:120px; line-height:120px } .responsive.html_header_transparency #top #main { padding-top: 0 !important } .responsive:not(.html_header_transparency) #top #main { padding-top: 120px !important } }August 19, 2025 at 6:22 am in reply to: Time-sensitive: Why has text changed to question marks in elements? #1488228and what if you switch temporarly to a standard theme. Do the wp-admin buttons show the same problem?
do you have only standard entries in your htaccess file – or are there additional custom rules inside?
It’s a shame not to use the Advanced Layout Builder (ALB) with an Enfold installation. The ALB is what makes Enfold attractive. I always use the ALB with the Classic Editor (Theme Options > Select Your Editor). However, I know some users here who use the block editor and still use Enfold’s layout elements. Giving up the ALB means giving up all its advantages.
August 16, 2025 at 12:50 pm in reply to: Time-sensitive: Why has text changed to question marks in elements? #1488136yes – and it is under Tools->Site Health->Info->Database
August 16, 2025 at 7:46 am in reply to: Time-sensitive: Why has text changed to question marks in elements? #1488123Such an error, in which text is displayed in square blocks with question marks (so-called “tofu characters” or “replacement characters”), almost always indicates a problem with the character encoding or the fonts used.
Can you take a screenshot of what it looks like?
And you have choosen that setting on : General Layout – Content Alignment : “Center Content”
it is just below that option where you have choosen the left sidebar header
check what page-id is your maintenance page include that ID to the conditional tag above
if(is_page(array( 17, 123456))){
or is it one you created with a plugin?can you mail me the link too – if you do not like to make it public
some style settings are synchronised on default – but f.e. quick css is different. And maybe some addons for WPML are different ?
i do not know if that switch on theme options is usefull.do you use WPML on that page?
see for example: https://kriesi.at/support/topic/header-structure/
and there is a link to e.g. synchronise the languages https://kriesi.at/support/topic/implementing-the-same-theme-setting-to-all-languages-using-enfoldwpml/ok – but it will work as i described above if you use relative url to your video – and do not enter a fallback image.
Then the css.I think this symbol appears when an image or file cannot be found.
Edit : now i have inspected your page with dev tools – my pages with full-width easyslider and video inside as list item – looks totaly different to your DOM.
I got this
<div id="mep_0" …container inside<div data-rel="slideshow-1" class="avia-slide-wrap " ….with all the video instructions insideAh ok : this seems to be a matter if the inserted url is a relative url and not an absolute url.
by the way it seem to be the only way to show the video on iPhones by relative urls – but than a message is shown : av-fallback-message if there is no fallback image.so try: let there be the relative url to your video – do not enter a fallback image and:
#top .av-fallback-message, #top .av-fallback-message + img { display: none !important; }or if you do not like to use the Sibling Combinator :
#top .av-fallback-message { display: none !important; } .avia-slideshow li img[src*="undefined"] { display: none !important; }But you know that you do not have to do that by inserting code to text-block element?
Place your text-block element – and open it. – Insert your text. After that put the cursor (1) to that place where you like to insert the image.
Click (2) on “Add Media”.

Now it opens the media-library in a popup. Choose your image (3) and set the properties on the right (4). You see here the already the alignment and the lightbox option (link to media file).
Now press “insert into page” button.

You will see now a preview. You can pull now one edge of the image to make it bigger.

if you like to change some settings on that image – click on the image – you can see now an icon bar on top. Click that pencil button to have another popup.

and

Check what page-id is it where you do not like to show it – and then :
#top.page-id-12345 .my_title_container { display: none; }However, if you only want this feature on all pages but not on archive or post pages, for example, you can modify the snippet accordingly.
-
AuthorPosts


