Forum Replies Created
-
AuthorPosts
-
The admin bar sometimes interferes with the setting of the frontend css.
have a look to this privacy page : https://webers-web.info/datenschutz/
if you scroll you see that the headings will be sticky til the next heading goes to top. if on that page the admin bar is present – the sticky moment seems to be wrong. – because those 50px are not concidered.
You can test it:
Go to your profile and turn off the “Show admin bar” to see that it has nothing to do with logging in and out.
This is something that normal users won’t see anyway.it is only on chrome and safari on Mac ( did not test PC browsers )
April 22, 2025 at 5:23 am in reply to: Indie record label looking for some quick help with our Enfold layout? #1481770have you installed an additional plugin to manage a menu styling or function?
There are two elements inside #header – that do not belong to enfold.
hide them ( or have a look what causes the insertion of those “menu” buttons )#advanced_menu_toggle, #advanced_menu_hide { display: none; }it is caused by the implementation of the “amazon pixel”
on firefox the dimension of 1×1 pixel seems to be enough to “hide” that element just before wrap_all opens.
That inline rule ( img#wpstats{display:none} ) does not work because there is no img with ID: wpstats )- so try:img[src*="amazon-adsystem"] { display: none; }Yesterday – on Easter Monday you (and also the participant in the linked post) posted a problem. Now – when does another company work on one of the most important holidays (holy days) there is?
In addition to this fact, you should also be aware that everyone else here is also entitled to support, so it may take some time for them to respond to your request. It’s only been one day since you reported a problem here. And I’m actually surprised that Rikard responded to your request so quickly.
Obviously, you must have had email contact with the team, because I don’t see any other support records from you.So if there is a reference to disabling the plugins (temporarily), it is to isolate the problem and help you figure out what the cause might be. It is not intended to be a solution to the problem.
If there has ever been such a “bug” in an Enfold version ( f.e.: see fix on Version 6.0.2 – compatibility with WP 6.6 fix for block editor hiding ALB button in header), it has been fixed. So first of all, you should have a current version of the theme installed. If this is the case, it is wise to find out where the problem lies by first seeing if the problem persists without plugins enabled. If this is not the case, then activating the plugins one by one and seeing when the problem occurs will help you identify which plugin might be the cause. A lot of other users do not have that problem.PS : I’m a participant like you, who just didn’t want to go back to sleep the day after Easter Monday.
Enfold offers for text-block alb that option – on styling tab : text-block styling
Edit: oh sorry you mentioned that. But i do not understand what you like to achieve. Can you make a sketch?
do you like to have separators between those columns:
#top .av_textblock_section .avia_textblock { column-rule: 2px solid #ddd; }April 17, 2025 at 3:14 pm in reply to: Change image of demo and have bad picture quality now #1481516The reason for it is that the magnifying icon of the search is on the right ( so to speak : 4 items right – 3 items left.
But first – upload a logo ( your png ) that has not so many space on the right side!

see your jpg : https://www.schlosswirtschaft-schwaige.de/wp-content/uploads/2021/05/Schlosswirtschaft-Schwaige_Logo.jpg
btw: If you insert the jpg as a test, you will see that it is now centered, but visually it is more disturbing; you notice the imbalance to the menu items rather than to the heading in the slider.
As I said, as a participant I cannot see your private message area, so I cannot see a link if it has been posted. The link would be necessary for verification – because a screenshot is not meaningful enough to give advice.
if that is your css – the
@media only screen and (max-width: 768px) {is nested with a nother media query.
your :@media only screen and (max-width:767px) { .responsive #top #header_main > .container .main_menu .av-main-nav > li > a { padding-left: 0; } }is inside another media query ( with the same settings )
next hint: use for the max-width media query the odd setting – and for min-width the even ones.I don’t know if the above leads to conflicts, but put this as code instead:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .responsive #header_main_alternate { display: block; } .responsive #top #header .main_menu { width: auto !important; } #header_meta .phone-info-custom::before { background-color: #ffffff !important; } .responsive #top #wrap_all .main_menu { left: 0px !important; } .responsive #top .logo { width: 50% !important; } .responsive #top #wrap_all .container { float: right !important; } #header_meta .phone-info-custom { font-size: 15px; font-weight: 800; color: #000000; padding-top: 70px; } #header_meta .container { max-width: 50% ; margin-left: 0px; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } /*PHONE INFO*/ #header_meta .phone-info-custom::before { display: none !important; } .phone-info { padding-top: 5px !important; } /*LOGO*/ .responsive .logo img { float: right !important; } .responsive #top .logo { position: static; display: table; height: 80px!important; float: none; padding: 0; border: none; width: 95%; } .main_menu { margin-left: 0px !important; } a { padding-left: 0px !important; } .responsive #top #header_main > .container .main_menu .av-main-nav > li > a { padding-left: 0; } } /* 💻 TABLETTE (entre 769px et 1024px) */ @media only screen and (min-width:768px) and (max-width:989px) { .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu { left: 0 !important; } }real mobile devices do not have a shrinking header! – i do not see your conversation on private content area – and i do not see your site – but if you got css rules with classes like header-scrolled – this will not work on mobile devices!
See line 81 in avia-snippet-sticky-header.js :if( shrinking && ! isMobile ){first question: under Dashboard – Settings – Reading -? Is there a mark on that checkmark?
it had to be not checked.

Next note: You are already aware that it can take a while for a SEO bot to scan your site.
You can trigger it manually in the Google Search Console ( Link ) , it would be good to upload a stored sitemap beforehand.Hint: have a look if you got a robots.txt on your site root directory.
(Edit: your robots.txt is o.k. 200 allowed)
And: have a look if you have all properties registered on Google Search Console
( by the way – your url is https://springen-conseil.fr/)thanks Ismael – and in that condition :
if( 'post' == $post->post_type )we now have to choose the cpt – if we only like to influence that post
It would be best if we could take a look at the site in question. If you can’t post the link, you’ll have to wait for the mods to look at it.
Reason: Basically it depends on what your logo looks like and what header layout you have chosen.yes give more info about the filter and what it is meant for. And how to use it in the sense of “for a specific post”
try :
#top .av-woo-purchase-button .product_meta { display: none; }April 13, 2025 at 6:10 pm in reply to: Lizenz auf alter Seite nicht deaktivierbar – bitte um Freigabe #1481274auch keinen Datenbank Zugriff? phpMyAdmin ?
see here a working example: https://webers-testseite.de/mie2/
these are three color-section ( with small padding )
if you do not like to have it full-width just remove that rule:#top .avia-section.grid-layout .container { max-width: 100%; /*! padding: 0; */ }for me the responsive alternative is nicer. you see how it works – the width of the columns is globaly set to : unset – so 1/3 is not working here – the grid-template-columns determines the width now.
On that alternative responsive behaviour – we got two columns then – first with 1part (fraction) the second column with 2parts.
As on former table layout we can make a “colspan” if we fill those grid-cells this way:grid-template-areas: "feld2 feld1" "feld3 feld3";it is like this on former table layout:
<table> <tbody> <tr> <td>feld2</td> <td>feld1</td> </tr> <tr> <td colspan="2">feld3</td> </tr> </tbody> </table>but now you can have a very flexible layout with responsive options
PS: The advantage of a layout like this is that it can be styled with media queries. Try it with tables (this is a remnant from the old days)April 12, 2025 at 9:04 am in reply to: Overlay on a column that contains a photo in the background #1481220if you need to do it that way with background-images in columns: give a custom-class to those columns f.e. : with-bg-overlay
and use the psuedo-container before for that:#top .flex_column.with-bg-overlay::before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); visibility: visible; z-index: -1; }see both variants again on: https://webers-testseite.de/adamad/
PS there is a declaration with backdrop-filter – so you can blur the effect – but that is optional.PPS: see responsive behaviour on both cases !
April 12, 2025 at 8:49 am in reply to: Overlay on a column that contains a photo in the background #1481219What version they are updating from? 7.x ?
My Enfold Installation run on most on php8.3 some are running allready 8.4.4April 8, 2025 at 10:11 pm in reply to: Overlay on a column that contains a photo in the background #1481026see here an example page: https://webers-testseite.de/adamad/
i use for it a color-section with custom class: slanted-background – let the content determine the height.
this color-section contains the columns and is set with a svg-divider ( tilt ) – bring it back and maybe flip.the next color-section got the same color as the svg-divider
then :
#top .slanted-background .avia-divider-svg-tilt.avia-divider-svg-bottom, #top .slanted-background .avia-divider-svg-tilt.avia-divider-svg-bottom svg { height: 75% !important; } #top .slanted-background .flex_column img { box-shadow: 5px 5px 10px -3px #333; }You can use the height setting (here 75%) to determine the degree of incline.
but isn’t it a simple section / section boundary – with shiftet content elements?
see f.e.: the Church Demo: https://kriesi.at/themes/enfold-church/you see both color-sections – and the content of the second one is shifted with negative top margin.
this can be done ( in this case the first column ) on row-settings – row margins:
because the columns are set to equal height – the value of only -60px goes to flex_column_table – but you can use even relative values like -50%
put your partner/logo element in a color-section ( do not insert another element to it )
give a custom class to that color-section – f.e.: full-partners
then place inside your quick css:.responsive #top #wrap_all .full-partners .container { width: 100%; max-width: 100%; padding: 0; }April 7, 2025 at 8:58 am in reply to: how to have on a specific page a different style ( boxed, stretched, framed) #1480920Thanks Ismael – that worked – except for av-framed-box
maybe the other way roundEdit: that worked – setting to framed layout on enfold options (General Layout) – and change for all otheres to stretched ( or boxed ) layout.
add_action( 'template_redirect', function() { global $avia_config; if ( is_admin() ) { return; } if ( !is_page(2466) ) { $avia_config['box_class'] = 'stretched'; } });many thanks again – that is as usual via child-theme functions.php the best solution.
See page 2466 : https://webers-testseite.de/impressum/-
This reply was modified 7 months ago by
Guenni007.
April 7, 2025 at 7:15 am in reply to: how to have on a specific page a different style ( boxed, stretched, framed) #1480909Not for me – I just opened a new thread because the old one was closed.
April 7, 2025 at 12:29 am in reply to: how to have on a specific page a different style ( boxed, stretched, framed) #1480898I don’t think it’s such a common feature. That’s why I don’t think it’s necessary to include something here. There is this solution above, and whoever can install something like this will also remember to check for significant changes in the header during updates.
April 6, 2025 at 5:21 pm in reply to: how to have on a specific page a different style ( boxed, stretched, framed) #1480878if you know a different child-theme solution – that would be a good contribution.
well – as far as i can see – this solution given to you is based too on changing things in header.php:
https://kriesi.at/support/topic/preloader-on-2-pages-loading-issues/#post-1480524
my recommendation is only to use not the parent header.php but a copy of header.php inside your child-theme root directory.
by this – an update will not overwrite the changings.However, since header.php is one of those files that is often affected by changes to the Enfold site, you need to keep track of whether you need to repeat this procedure with a new copy.
If you have received a functions.php child theme solution from Enfold, it would be nice if you would post it.
you can see here a working example page of my impressum page on a test installation:
https://clean.webers-testseite.de/impressum/
All other pages do not have a preloader.on header.php the original line is:
$preloader = avia_get_option( 'preloader' ) == 'preloader' ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled';did you removed ( or commented out ) that line – and replaced it ?
try :
if (is_page(array(1147,945))) { $preloader = 'av-preloader-active av-preloader-enabled'; } else { $preloader = 'av-preloader-disabled'; }PS – it is just a different way to write the array – you can use yours aswell.
But: maybe it is better to have that option in enfold activated globaly – to have the oportunity to style it – and then remove that setting on all other pages then your array is set to if not logic.
if (!is_page(array(1147,945) )){ $preloader = 'av-preloader-disabled'; } else { $preloader = 'av-preloader-active av-preloader-enabled'; }you have on those post-types different classes on body tag ( or #top).
so you can differ by :
#top.page
#top.single-portfolio
#top.single-postso try:
.responsive #top.page { font-size: 13px !important; } .responsive #top.single-post { font-size: 16px !important; } .responsive #top.single-portfolio { font-size: 19px !important; } -
This reply was modified 7 months ago by
-
AuthorPosts



