Forum Replies Created
-
AuthorPosts
-
the header fixed on mobile works nice – but only without that script. i do not know why
so media query from 990px on (min-width: 990px) and below header : fixed works. See example pagefirst of all – sorry i did not post all the code on the css you need i forgot to close the one rule and to close the media-query.
So two curly brackets at the and are missing on initial post. I now corrected the css code above.
please correct your css entries too and see if that is ok for you.( if you have choosen to switch your hamburger at 990px you had to adjust this code too to 990px)
Do you see my test page?
Otherwise it would be great to see your site to help____________
edit: you always use the burger – all the time ?
this will not work – because navigation ( and hamburger is part of that) will not work in combination with header: fixed on default
the header : fixed ended at switch to hamburger and goes to scroll away. (postiion relative or absolute ) – if you force on that case a position fixed – hamburger had to be adjusted – maybe this is possible – but at the moment I can’t deal with it.-
This reply was modified 6 years, 6 months ago by
Guenni007.
September 8, 2019 at 12:22 pm in reply to: URGENT!! V 4.6 Problem: Videos Not Appearing In Color Sections-NEED ROLLBACK #1135604this is Enfold 4.6.1 and it works on my site:
https://webers-testseite.de/guenni/selfhosted-video-as-background/
so maybe a different thing to look for.on my Enfold 4.6.1 the hamburger Menu-Items do not get an ID – the main nav have f.e.: ID : menu-item-22 will end on the hamburger analogon as a class : menu-item-22
but even if it is handled in the past this way – yes they got the same ids – but if the one is visible – the other menu is at display: none – and vice versa.
Even the offical W3C Validator did not get it as Error ( maybe a warning)by the way the subheading und “ne” – guess it would be better readable if it is a Myriad Pro light ( not thin ) ( just for web )
and not to loose the legibility on that little dimensions – try to insert svg instead – and because your background on landing page is nearby the blue of the two circles you had to change them into a different color – or maybe let all black and only change these two circles to white
https://webers-testseite.de/Neo_logo.svg
and
https://webers-testseite.de/Neo_logo_white.svgbut with svg you can change that easily – open the svg files with a good text-editor (not word) ( sublime-text on mac and notepad++ etc on PC)
you can see the head-section of the svg :<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Neo_Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1084 510" style="enable-background:new 0 0 1084 510;" preserveAspectRatio="xMinYMid meet" xml:space="preserve"> <style type="text/css"> .st0{fill:#000000;} .st1{fill:#1B87EA;} </style>the class st1 are these two circles the rest is class st0
so if you change here the colors as you like to haveyou can see the logo if you put this to quick css – but there is the reason for that rule on default with opacity = 0
the alternate logo will be shown instead and that input field has a non visible entry
on Default is that if that input field is empty the logo from logo input field is shown. But there must be something went wrong on doing that.#top .av_header_transparency.av_alternate_logo_active .logo a > img { opacity: 1; filter: alpha(opacity=100); }is it a transparent header. because av_alternate_logo_active is on header as class.
Try to put in that options field of Enfold: Header – Transparency Options – a logo
what i can not believe is – if there is no logo in.- the normal Logo would not became the opacity of 0.
So – guess you have inserted one to see whats happening. but you did not erase that field completely.
Because if this field is empty the normal logo will be shown even on transparent header pages.Off Topic:
if you are interested in a child-theme usage – and maybe you read even why it is a good idea to have one :
https://kriesi.at/documentation/enfold/child-theme/
or on WordPress Codex : https://developer.wordpress.org/themes/advanced-topics/child-themes/ (by the way dear mods – change that in your documentation – new link)these snippets here on board which helps to customize a theme – are better placed to a child-theme. Not only because those changings are not lost after an update of the parent-theme.
In principle it is of course also possible to place the snippets in the original file functions.php ( at the very bottom of it – just after that comment ),
/* * register custom functions that are not related to the framework but necessary for the theme to run */but I don’t find it advantageous, because the functions.php of a child-theme is empty at first, so it is much easier to fill it. You can add comments to the snippets so that you can keep track of them.
A short comment in a php file can be achieved by // these to slashes in front of a comment .
If you got more than oneliners you see often this f.e. ( part of the top of original functions.php):/* * if you run a child theme and dont want to load the default functions.php file * set the global var below in you childthemes function.php to true: * * example: global $avia_config; $avia_config['use_child_theme_functions_only'] = true; * The default functions.php file will then no longer be loaded. You need to make sure then * to include framework and functions that you want to use by yourself. * * This is only recommended for advanced users */Unlike style.css, the functions.php of a child theme does not override its counterpart from the parent. Instead, it is loaded in addition to the parent’s functions.php. (Specifically, it is loaded right before the parent’s file.)
etc. – i would advice you to use a child-theme.
First : if it is an acitve site – do not update without a full backup.
On WordPress – there is a nice backup Plugin called “Duplicator” – which is good for a backup – and to migrate a site completely.
( it will create two files – an installer.php file and a zip file with all of your site – including database etc. pp)if you want to be on the save site – with a rollback solution: https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107
i do not know where these entries are from :
you got here 3 mod_rewrite.c rules.# BEGIN rlrssslReallySimpleSSL rsssl_version[3.2.3] <IfModule mod_rewrite.c> RewriteEngine on RewriteCond %{HTTPS} !=on [NC] RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L] </IfModule> # END rlrssslReallySimpleSSLand: (seem to be from your Provider )
############HTACCESS W4Y START############ <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTPS} !=on RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L] </IfModule> #############HTACCESS W4Y END#############
du wirst irgendwann mal auf https umgestellt haben
Aber eigentlich benötigt man diese Einträge nicht zwingend. Beide bewirken meiner Meinung nach ähnliches, nämlich das http nach https umgeleitet wird.
Wenn du in deinem Backend dort auf https umgestellt hast wird die Seite auch so angezeigt.Das ist das von WordPress gesetzte:
# BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule> # END WordPressthis here differs a bit more on scroll direction – and has a nicer “goaway” effect:
it works with a toggle class – so you can more style that.
adjust the : //replace this value with the height of your header in px to your needsthis comes to quick css:
@media only screen and (min-width: 768px) { #header { -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: transform 1s ease; transition: transform 1s ease; } #header.hide { /* a little bit more than the header height */ -webkit-transform: translateY(-153px); transform: translateY(-153px); -webkit-transition: transform 1s ease; transition: transform 1s ease; } }this comes to child-theme functions.php:
function hide_header(){ ?> <script> (function(){ var doc = document.documentElement; var w = window; var prevScroll = w.scrollY || doc.scrollTop; var curScroll; var direction = 0; var prevDirection = 0; var header = document.getElementById('header'); var checkScroll = function() { /** Find the direction of scroll ** 0 - initial, 1 - up, 2 - down */ curScroll = w.scrollY || doc.scrollTop; if (curScroll > prevScroll) { direction = 2; //scrolled up } else if (curScroll < prevScroll) { direction = 1; //scrolled down } if (direction !== prevDirection) { toggleHeader(direction, curScroll); } prevScroll = curScroll; }; var toggleHeader = function(direction, curScroll) { if (direction === 2 && curScroll > 150) { //replace this value with the height of your header in px header.classList.add('hide'); prevDirection = direction; } else if (direction === 1) { header.classList.remove('hide'); prevDirection = direction; } }; window.addEventListener('scroll', checkScroll); })(); </script> <?php } add_action('wp_footer', 'hide_header');see here: https://webers-testseite.de/guenni/
Yes you have created one menu – and you set the mark for footer and top menu on that.
So this one menu ( each menu-item has now a unique id) is on each page/post once on top and once on footer.
so doubled.If you create a footer menu – and mark it as footer-menu
create a top menu and mark that as top menu
they could have the identical contentTo avoid double ids do not mark two fields in menu options:

so let me guess that you have on Menu set two marks for the same Menu!
To avoid that – make a copy of your menu and set only one mark each.so now it looks good – but i guess 35px to add is better – then you see with your socket text its in the middle.
it seems to be not centered because your category list is left to the widget area and does not fill the whole space to the right.You can change that by centering that area (unordered list) by:
#footer .widgettitle { text-align: center; } #top #footer .widget ul { width: auto; display: inline-block; left: 50%; transform: translateX(-50%); position: relative; }_________________________________________
another elegant different method ( you then had to get rid of the css from above ) is only with quick css
set your footer to 3 columns and use the flexbox modell – put your image in the last footer column.@media only screen and (min-width: 767px) { #footer .container { display: flex; flex-flow: wrap row; justify-content: center; } #footer .flex_column { flex: 0 1 46%; margin: 2%; padding: 0; } }Result: https://webers-testseite.de/guenni/
-
This reply was modified 6 years, 6 months ago by
Guenni007.
thats why i wrote: If it is too much. there are possibilities to make it manually.
This above adds an additional widget! not a widget-area. So you only have to pull that widget to any footer widget area you like.
_________________another way is to create a shortcode for that social media icons – and that comes into child-theme functions.php too:
function social_bookmarks_shortcode() { $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => ''); $social = avia_social_media_icons($social_args, false); return $social; } add_shortcode('social-bookmarks', 'social_bookmarks_shortcode');this to quick css: ( just to show the list-items besides each other)
#footer .widget ul.social_bookmarks { display: inline-flex; }you can now put in a text widget (Any heading you like) : [social-bookmarks]
This is the fastest method – the one above in my first posting is elegant but maybe to complicated.
By the way you mean realy : #footer not #socket as Ismael asked here: https://kriesi.at/support/topic/how-to-add-social-media-icons/#post-1133902
for socket there is an option on Enfold Optionsschau bitte in deinen htaccess file auf dem Root Directory.
ftp client ( beim manchen muss man erst das Anzeigen der Versteckten Files aktivieren) und mal das .htaccess anschauen, ob dort eventuell was steht, was eine indexieren verhindern kann.Ps : wie alt ist deine Seite. – Es dauert erfahrungsgemäß ( ohne das man ein aktives scrawlen der Seite in den Google Developer Tools veranlasst ) schon einen Monat mindestens bis das was im index erscheint. Witzigerweise sind es in der Tat Bilder die häufig weit vor dem Content auftauchen in den Suchergebnissen.
from this time on – the first level under that item is declared as Column in the MegaMenu.
On Columns – you have the opportunity to say that the column starts a new row in MegaMenu etc. pp.
If you need more help – tell meyou see here the result in a little film when i add the code above in developer tools to your site:
But if I look at your page, you have also not been able to understand the above mentioned.
The one method to put the html code into the input field at Copyright is really a very fast uncomplicated method.
If you have done that – we can give you advice to absoluteley center it in perfection.
________________i don’t know if you are ready to generate an additional second footer widget area ?
then everything is easy for you (afterwards) you have in enfold then two footer rows.
You can set the first to 2 columns and the last to one column. see here result: https://webers-testseite.de/guenni/you will have on Enfold Options-Dialog then this:

If you like to know – i can show you how to.
but if you are a passionate fotographer – maybe a thirdparty plugin is a better way. there are exif addons – where you can sort the images on exif data.i tried some but no one supports Avia ALB or other image inserting on Enfold til now.
-
This reply was modified 6 years, 6 months ago by
Guenni007.
Well : look at google font what is your prefered font there- maybe the font you use on your site.
look here: https://google-webfonts-helper.herokuapp.com/fonts
- only download the zip file –
- unzip the archive
- pick out the svg file. –
- goto fontello page http://fontello.com/
- drag&drop this svg file to the custom icons !!!
- Bingo – select the numbers and letters you like to have. –
- give a name to your new font –
- download from fontello –
- upload to your Import/Export Iconfont Manager
i did it with open sans 800 – thats what fontello made out of it:
September 5, 2019 at 6:48 pm in reply to: Enfold 4.6 – Great job you did there again. My big compliment #1134573Thanks for that fast fix to 4.6.1. !
Well more userfriendly than a whole code – only to copy and paste into the copyright input field?
Ok – glad we had talking about.Good luck to you.
so : Add an image banner between header and topbar sounds different for me.
if you could not even post the screenshots – then you had to wait til mods are here.Can you have a look to Dashboard – Settings – Reading : Search Engine Visibility if there is a mark – a robots text is set to not index the page.
September 5, 2019 at 2:53 pm in reply to: ? added: Developer tab to modal popup of alb elements #1134434Of course, I already saw this directly in the backend – after all, I was looking for the adaptations of what was adopted from edited Enfold ALB. Only the wording in the changelog was such that you could have expected something different.
Can be closedDanke – kann geschlossen werden!
By the way if you enter that pseudo content with :before and not :after the image will be over the top-bar !
by the way – you can even use it with shrinking header and on my test page: Link
i placed the now the same image in background-position : fixed – nice effect. -
This reply was modified 6 years, 6 months ago by
-
AuthorPosts

