Hi Björn
I’m not sure. I just tested it out on my 2 active live installs and had the same issue.
I’ll tag Kriesi on the topic so that he is aware and can look into the issue.
Regards,
Devin
Hi,
I have Enfold theme bought, and now I want to configure it with bbPress in the way I need.
1. Under topics list I have an “Add new topic” form. I would like to have a button instead and form to appear on separate page. Is it some Enfold specific thing to display the form? If yes how to fix it? If no do you know how to fix it or any tutorial maybe? I have searched through whole web and nothing
2. Is IP address under the avatar Enfold specific as well? How do I disable it. By hiding with css?
3. What is the field saying 0p under avatar for. What 0p means? Some points? How does it work. I assume again it is Enfold sepcific as I have not seen it in any other bbPress forum
Thanks in advance.
Hi Luis,
A responsive design means that the pages elements adapt to the viewport the users is using and change to accommodate that size. So there isn’t a switch that can be flipped live to go back to desktop view since the viewer is already viewing that exact same site.
What you can do however is choose to always have a fixed layout which turns off the responsive functionality completely. You can do this from the Theme Options>General Settings>Responsive Layout dropdown.
Regards,
Devin
After I typed the reply above, I remembered a plugin called RAW that stops WordPress automatic formatting. I tried that and it seems to have done the trick.
Dude, I just wanted to check and see if RAW caused any know problems with Enfold/Avia?
Anyone else having the same problem:
1. Download the Raw Plugin and activate it
2. Add the following around your html:
Code:
<!–raw–>
Your stuff here
<!–/raw–>
Thanks
-Josh
Hi, Kriesi.at,
There is possibility to insert a link to disable the mobile view?
For example – I’m visiting my site through the Iphone, but would like to view in Desktop mode, then you would click this button and visualize the normal mode.
And that is possible, too, mantesse a button to return to the mobile mode.
is it possible?
Regards,
Luis Girardi
I found this great thread https://kriesi.at/support/topic/disable-lightbox-and-clickable-portfolio-image
It seems to answer my exact question ‘How do I disable the lightbox image popup from the featured image. This popup is currently triggered on the ajax portfolio after a portfolio image is selected. I see the ajax preview with the large image. This image has the lightbox popup and this is exactly what I want to disable’.
If I’m not mistaken, the solution appears to be in the thread and is from Dude:
Try following code – it will affect the single portfolio pages only:
jQuery(document).ready(function(){
jQuery(‘.single-portfolio .content .featured’).find(‘img’).unwrap();
My next question is where do I place this code?
Regards,
Ant
Hi,
I am still having a hard time setting responsive design for http://www.energie-frey.de. Since the logo is pretty wide in size (300px) and menu items are fairly long either, menu starts to overlap the logo already from 1043px down. Decreasing logo size should be the last way to go.
What i have did so far was to go through each and every article on responsiveness, but still do not have a glue what exactly to do.
So I have tried the various solution in custom.css like @media only screen and (min-width: 768px) and (max-width: 989px) {.responsive .main_menu ul > li > a {font-size: 11px;}}
@media only screen and (max-width: 1024px) { .responsive #header .main_menu ul {display: none; }}
and avia.js (likes mentioned here https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger?replies=5#post-132320) , but all i could achieve was to show the responsive menu earlier, but not hiding the main menu. Main menu disappears with resolutions underneath 768px, meanwhile both menus are there.
What i want to achieve is show the page in normal mode to lets say 1200px, then objects got scaled smaller, but still showing the main menu with dropdowns e.g., from around 900px main menu should disappears and mobile menu is shown.
Your help is higly appreciated. Thanks.
Regards
Sebastian.
Hi wesdacar,
I’m seeing both on my end:

Also since you already had this question as part of an earlier post please try not to post duplicate items since it means we often are answering the same thing twice. It takes a few hours but we do get to every topic posted.
Regards,
Devin
Following the thread here
https://kriesi.at/support/topic/help-with-custom-header-colors
One last thing: I would like to remove the little line that comes up on hover.
Can’t find the property.
I have the small fixed header.
Thanks
Worked well. Only breadcrumbs were not in place so I tried this code to adjust placement of breadcrumbs (please correct me if im doing anything wrong)
#top.boxed .stretch_full {
width: 1010px;
top: -49px;
}
And after applying
.template-page.content {
padding-bottom: 0px;
}
Padding was fixed but Text was not aligned with the top edge of pictures. so I used,
body .container_wrap .avia-builder-el-last {
top: -22px;
}
Now the problem is on our home page or any page Portfolio grid is hiding. its going underneath the footer somehow at the bottom of every page wherever portfolio grid is placed till the end of page. and hence its keeping extra space on top of the portfolio grid. It feels like portfolio grid is not centrally aligned.
http://goo.gl/a5l5TY
Please try following – open up wp-contentthemesenfoldconfig-templatebuilderavia-shortcodestextblock.php and replace
return "<div class='avia_textblock {$custom_class}'>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content) )."</div>";
with
return "<div class='avia_textblock {$custom_class}'>".stripslashes(ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content)))."</div>";
Unfortunately this is not possible at the moment but you can hide certain menu items by inserting “noMobile” into the css class field of these items (if you can’t find this option field on the menu option page search for the “Screen Options” tab in the right top corner and click on it. Then tick the checkbox next to “CSS Classes” to activate this field).
If you really need to separate menus you can suggest the feature here: https://kriesi.at/support/topic/enfold-feature-requests and we’ll look into it if more users request it.
great many thanks that worked.
Is there the ability to restore the hover highlight on the text or underlining on mouseover so the menu looks like it used to with the shorter url anchor link?
Basically same issue as above – I have a one page site where the main top menu are anchor links but I have an added link on that menu which goes to a separate contact page. When you got to the contact page you can’t get back to the main page through the menu links unless you use the longer url but then you have the styling issues. Hope that makes sense.
Hey,
Please refer to this link on how to add social icons using addThis: https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header?replies=4#post-134606
Once you’re done, go to Appearance > Widgets then insert a Text widget on the Footer – column widget areas. Copy the social button code on the Text widget.
Regards,
Ismael
Hello Ismael,
Thanks for taking this. mbstring.encoding_translation was turned off. See phpinfo at http://www.emeditor.org/phpinfo.php
I actually wrote this at a separate topic, and I wrote this same thing:
With a little search, I found a similar article:
http://stackoverflow.com/questions/8484162/how-to-truncate-an-utf8-string-in-php
I think using mb_strimwidth instead of substr will resolve this issue.
Would that help?
Thanks again,
Thanks for the attempt, Devin. Inserted into Quick CSS and saw no change. See links to screenshots below.
Firefox: bullet still left of icon image http://talentdev.valiantlane.com/wp-content/uploads/2013/08/bullets_Aug25.png
IE: — bullet still left of icon image http://talentdev.valiantlane.com/wp-content/uploads/2013/08/bullets_Aug25_IE.png
— top nav page indicator “nub” on the line doesn’t display http://talentdev.valiantlane.com/wp-content/uploads/2013/08/nubissue_Aug25.png
Safari: no bullet or nub issues, but the font resolution is terrible http://talentdev.valiantlane.com/wp-content/uploads/2013/08/fontissue_Safari.png
Hi Stefan,
Try changing the switch width following the steps and code here: https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger?replies=5#post-132320
Regards,
Devin
Hello! I’m working on a site over at http://atlasdigital.se/masterjohan/
I quite like the divider part between the header and the rest of the page. Having the page title at the top left is fine, but we can’t really make use of the crumb trails over on the right side, seeing that we’ll have very few pages and even less parent/child pages.
Do you know a good way of hiding the crumb trails on all pages, or a better solution to my problem?
Best regards,
Andreas
I copied back the old custom css file but now some how this code:
.responsive .container .twelve.units {
top: -49px;
}
is not even affecting.. (breadcrumbs are still not connected even I applied the above mentioned code)
Regarding scrolling, lets not get into it.
So, if we can solve the questions that I asked earlier in above mentioned links (top on this page) would be great.
Thanks
Yes – you can just rename de_DE.po to da_DK.po and the generated mo file should work. Maybe you need to replace the meta data at the very top of the po file too (you can use a simple text editor).
@yutakaemura – which symbols should be visible instead of ��?
1) To center the button in the header change the margin-top value from 39px to 25px. You can also use another value if you feel that 25px doesn’t look right.
2) To center the button in the footer try following css code – insert it into the quick css field
#footer .av_promobox .avia-button.avia-size-large {
margin-top: -100px;
}
Hi stunna42,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top .avia-menu-fx,
#top .avia-menu-fx .avia-arrow,
#top .header_color .main_menu ul:first-child >li > ul,
#top .header_color .avia_mega_div > .sub-menu{
background-color: #fff;
border-color: #fff;
}
Regards,
Devin
Hi charlies23,
If you are using WordPress 3.6 you must be using at least Enfold 1.9.1. So download the most recent theme files and then update your theme.
For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750
Regards,
Devin
You should not be needing to edit anything like that. The loop-archive.php has a single line that reads:
the_content(__('Read more','avia_framework').'<span class="more-link-arrow"> →</span>'); ?>
To WordPress, this means spit out the content and if it has a more tag then break it off there. You need to change it to:
the_excerpt(__('Read more','avia_framework').'<span class="more-link-arrow"> →</span>'); ?>
Which instead attempts to grab the excerpt first.
See: http://codex.wordpress.org/Function_Reference/the_excerpt
The reason I wanted to re-point out this step: https://kriesi.at/support/topic/enfold-archive-exceprts#post-120517 is because you should be working in the loop-archive.php and not the loop-index.php after you make that change.
Hi,
Please use the http://wordpress.org/plugins/addthis/. It doesn’t break the layout of the theme.

Refer to this link on how to add the buttons: https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header?replies=4#post-134606
Use the Text widget to add the addthis social button code on the Footer – Column widget area.
Regards,
Ismael
Hey,
This will make it look exactly like the login button. Just change the color value:
.bbp-register-link {
border-radius: 2px;
background-color: #c3512f;
color: #ffffff !important;
border-color: #c3512f;
cursor: pointer;
display: block;
height: 34px;
width: 68px;
font-size: 13px !important;
padding: 10px 10px 10px 10px !important;
margin-top: 2px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-decoration: none !important;
}
.bbp-register-link:hover {
background-color: #88bbc8;
color: #ffffff;
border-color: #88bbc8;
}
Regards,
Ismael
Thank you Devin for getting back to me, I would like to re-size orange box in height from top and bottom side.
Any Quick css coding or idea please?
Actually orange box looks very big need to resize it to bit more smaller .
Regards
Thanks for your reply, Devin. I figured that I was pushing the limits of support for this one. I would like to discuss a lot of freelance work with you soon, if you’re not too busy. As far as this is concerned, I’ve pretty much got it the way I want it.
Here’s what I’ve done so far:
/*MOVE NAVIGATION MENU TO LEFT: */
div .logo {
float: left;
position: relative;
left: 0;
display: block;
}
.main_menu {
clear: none;
position: relative;
left: 60px;
}
/*REMOVE SEARCH FROM NAVIGATION MENU */
#menu-item-search {
display: none;
}
/*REMOVE 5PX PADDING FROM TOP & BOTTOM OF LOGO */
.logo img {
padding: 0;
}
/*CHANGE THE COLOR & OPACITY OF HEADER BACKGROUND */
#header {background-color: rgba(255, 255, 255, 0.98);
}
As far as the logo, I just added a 1px border in photoshop and uploaded it.
Everything looks great, but I still need to add a Log In & Button to the right side of the header.
Any ideas? I’m using the small fixed header.
Thanks,
Benjamin
Hi pmb1007,
Please do not re-post the same question over again. We answer every single question that gets posted unless the user marks it resolved before we get the chance. Right now our response time is a little slower but its still typically under 24 hours.
Ismael answered your original topic here: https://kriesi.at/support/topic/remove-fade-in-for-first-slide#post-134942
Regards,
Devin
as previously discussed in https://kriesi.at/support/topic/mobile-menu-tablet-breakpoint
The menu is still overlapping the logo