Thanks for the suggestion, Yigit.
I had to slightly adjust your code, but it did work.
For anyone’s future reference, this is what I used to target the sidebar specific search button –
#top .sidebar #searchsubmit
Hey Ali!
1 & 2- Please refer to Devin’s post here https://kriesi.at/support/topic/add-a-new-custom-font/#post-211526
3- Please add following code to Quick CSS in Enfold theme options under Styling tab
.avia-menu-fx { display: none; }
Regards,
Yigit
Hey!
Please change header type to Small non-fixed header type in Enfold theme options > Header tab
Regards,
Yigit
Hi,
I’m wanting to change the color of the search submit button colors to where it is one color in the Main Navigation and another in the Sidebars (on certain pages). What class(es) would I specify to do this? I have already used #top #searchsubmit to specify the background-color in the sidebar.
I will include a link to the site in a private post following this one.
In the Main Navigation (want to change this color)
http://postimg.org/image/50hdzlkkp/
In the Sidebar (want to keep this color)
http://postimg.org/image/lbhhvwx27/
-
This topic was modified 11 years, 11 months ago by
Thinkgate.
Hi Adolfo Lucio!
You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.av_promobox { margin-top: 10px; margin-bottom: 5px; }
Regards,
Yigit
Hi!
Do you mind creating a temporary login and posting it here privately so we can take a look what is stopping header from resizing?
Best regards,
Yigit
Hi!
I’m soft closing the topic for now but Kriesi will respond when able. I’m not sure it will be this week however as he is still working on pushing out the next feature release ASAP.
Typically, individual theme features are not able to be pushed out under any specific deadline so if you are counting on this for your client work I would suggest you make other plans.
Best regards,
Devin
Hallo zusammen,
vorweg: Enfold gefällt mir sehr gut. Tolle Arbeit.
Nun habe ich eine Website erstellt: http://wiedemeier-kommunikation.de/sms/
Funktioniert soweit gut. Allerdings auf dem iPad im Querformat wird die Naiv nicht richtig angezeigt. Sie ragt in das Bild hinein. Habe viel versucht, komme aber nicht weiter. Das Menüsymbol wird auf dem Monitor bei einer Breite von ca. 960 px angezeigt. Aber eben nicht auf dem iPad.
Habe auch dieses hier versucht: https://kriesi.at/support/topic/mobile-menu-not-showing-on-ipad-2/
Komme aber nicht weiter. Hätte jmd. eine Idee?
Danke
Frankoforte
I’m running the very last version of Enfold so i don’t think i have the same pb than: https://kriesi.at/support/topic/mysterious-white-spaces-between-sections/
thanks
Hello,
How can i delete the 1px border of the social icon header field?
It is just the small line of the box. I do not use social icons but the line is still visible.
See an http://authentic-voice.at …near th top of the hp.
Thanks
Hi!
If I understand you correctly, you can replace the code with this on Quick CSS to hide the subpages on desktop view:
@media only screen and (min-width: 768px) {
.sub-menu{
display: none !important;
}
}
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.sub-menu{
display: block;
}
}
Regards,
Ismael
This reply has been marked as private.
that was not working,
but i put this code, and it seems to be ok :
.menu-item-mega-parent .avia-menu-fx {
top: 115px !important;
}
.header-scrolled .menu-item-mega-parent .avia-menu-fx {
top: 72px !important;
}
the only things, that’s not ok is the z-index (the avia-menu-fx seems to be behind the layer-slider)
Hello,
I have portfolio-items that use the Easy Slider. After a recent update from Enfold 2.1 to Enfold 2.4.5 the open slide link in lightbox stopped working. All the other options still work. But I need the Lightbox one.
Here is a link:
Berebeeld portfolio item
Any way to fix this and make the lightbox work again? Already tried disabling all plugins and the following line in avia.js isnt touched:
//activates the prettyphoto lightbox
$(container).avia_activate_lightbox({callback:'avia_lightbox_callback'});
Thanks in advance
-
This topic was modified 11 years, 11 months ago by
Berebeeld. Reason: Code example wasnt right
Hi!
I can’t login to the website. It’s not loading properly on my end. Please try this one:
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
height: 80px !important;
line-height: 80px !important;
}
#header_main .sub_menu {
left: 50px;
position: relative;
top: 36px;
}
Best regards,
Ismael
hi,
i have added following code to stop resizing header
#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 88px !important;
line-height: 88px !important;
max-height: none !important;
}
but the anchor-links (within the menu) still go to the resized size of the header and not to the real size.
Sorry for the early question, the solution
Dear Kriesi.at!
Congratulations for this very easy-to-use and awesome theme. Especially the plentiful examples are useful.
I would like to use the avf_logo_subtext filter, and realized that the related css styles and the hide effect JS code are missing. I have already hunted for styles around your site, and included the following items into the custom.css, but could you please help me with a proper solution? Thank you.
.logo, .logo a {
overflow: visible;
}
#top .logo img {
float: left;
}
#top .subtext {
float: left;
position: relative;
}
#top .logo-title {
color: #444444;
font-size: 12px;
left: 7px;
opacity: 1;
position: absolute;
top: -7px;
transition: opacity 0.4s ease-out 0s;
white-space: nowrap;
}
#top .logo-subtitle {
color: #AAAAAA;
top: 7px;
}
.responsive #top .logo-title {
opacity: 0;
}
Ok, it works,
but the avia-menu-fx is 1px too high (only in mega menu): http://imgur.com/bCPziYt (http://epsu-cj.eu/carriere-des-fonctionnaires/) and when scrolling too…
but it’s ok in other menus : http://epsu-cj.eu/bienvenue/
Thanks for your patience ;)
The only things i want is a main menu moved down and all the menus (when scrolling too) works… ;)
actually heres my css code :
#top .main_menu .menu > li > a {
padding-top: 20px;
}
#top .header-scrolled .main_menu {
margin-top: 20px !important;
bottom: 15px !important;
}
.header-scrolled .main_menu .menu > li > a { height: 73px!important; }
.header-scrolled .sub-menu {
top: 72px !important;
}
/*.header-scrolled .avia-menu-fx { bottom: -15px !important; }*/
.header-scrolled .avia_mega_div {
top: 76px !important;
}
.header-scrolled .avia-menu .avia_mega_div .sub-menu {
padding-top: 20px !important;
top: -4px !important;
}
Hi!
Ok, this configuration is not possible at the moment because masonry blogs can’t be used as (or replace) native archive pages and we need to wait for Kriesi’s decision on this topic. A temporary solution is to link Menu_Link_A to the category “A” and Menu_Link_A_1 to the category “A_1”. Then go to Enfold > Theme Options > General Settings and select “Blog Style” – “Grid Layout”.
Best regards,
Peter
This reply has been marked as private.
Hey!
I recommend to place the code into the child theme style.css. Try to wrap Josues code into a media query
@media only screen and (min-width: 767px){
.main_menu {
top: 16px !important;
}
#main {
padding-top: 160px !important;
}
}
to use the default css code on mobile devices and the custom css code for the desktop view.
Best regards,
Peter
Not sure if I’m missing something here, but should the top level parent page appear in my side navigation? If you take a look at this page, I would like a link to the parent ‘About Bhutan’ page to appear in the side navigation above all of the child page elements which do appear. Thanks for your help.
This reply has been marked as private.
Hello
Bro I want to hide floating menu, I choose Small fixed Header in Header Type
This reply has been marked as private.
Hi Fabrice!
The icons are simply Icons with these settings:

The paragraphs have a custom class assigned to them, in the Quick CSS they added this:
#top .sdp-border {
padding: 10px 20px 4px 20px;
border: 1px solid #333;
background-color: rgba(24,24,24,0.49);
-webkit-box-shadow: 0px 5px 46px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 46px -6px rgba(0,0,0,0.75);
box-shadow: 0px 5px 46px -6px rgba(0,0,0,0.75);
}
Regards,
Josue
Hello I want to move the main nave to the top and the logo on a line by its self with a background is there a way to move I tried in the functions file but it messes things up and i am using a child setup for safety reasons. I wish there was a way to manipulate where the navs are placed and selecting which nav gets what style
-
This topic was modified 11 years, 11 months ago by
punka1ien9.
Hey!
Try adding this code to the Quick CSS:
#top {
overflow-x: visible !important;
}
That will allow scroll on mobile.
Cheers!
Josue
Hi,
Open header.php and look for line 152. after that container div put this:
<img src="_THE_IMG_URL" class="custom_logo">
Then, add this to the Quick CSS:
.custom_logo{
position: absolute;
left: 70px;
top: 5px;
}
You may need to adjust the left value a bit.
Regards,
Josue