Hi Guys – Sorry for the nebulous title. The portfolio at http://thecaloriemythbook.com/readerresults quickly stops working after clicking around a bit. Please see this video: http://thebailorgroup.com/wp-content/uploads/2013/08/portfoliobugs.mp4. Any help is appreciated.
Seems like I’ve done what needs to be done on my end as it works as expected initially, but then it seems to get “confused.” Thanks again.
Not sure whether iPad had the problem to begin with, though.
I think what I’m seeing here is still the Enfold play button.
The double button issue is on IPhone.
/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
.image-overlay.overlay-type-video {
display: none !important;
}
Hi,
i want to make a Onepage Startpage with enfold. But i want to start the Navigation on bottom and while scrolling the navigation fixed on top. how i can do this best?
Here is a example of what i intend:
http://themeforest.net/item/jarvis-onepage-parallax-theme/full_screen_preview/4773311
Also i need this smooth scrolling ( i think it’s a some of this smooth-scroll jQuery Plugins…)
Hello
I’m afraid i cant give you a link to the website as its on a private staging server and i cant send a private post.
I’ll try and explain it instead.
Ok so I have a single page scrolling website. I added anchor points on the page so that users would be able to use the top navigation to scroll quickly through sections on the single page site. I assigned the top navigation to link to the anchor points by typing in:
http://SAMPLE-WEBSITE.com/#case-study. The links work perfectly however because the links are all on that homepage the navigation has a constant underline (to show users they are on a certain page, like your demo site when click on home).
Is there anyway to change the css or code that i can add that will remove the active link effect from the top navigation? But keep the hover over effect when they mouse over to choose which section of the homepage to view?
I appreciate its probably hard to visualise because i cant send you the link, but if you could help i’d greatly appreciate it. I would prefer not to have to completely remove the hover over effect if possible (would make the navigation very boring).
Thanks
Hi Heathcliffe,
Thank you for letting us know. I’ve tagged the topic for Kriesi to take a look at!
Regards,
Devin
Hi vadi4ek,
This isn’t really something you can add to a child theme easily as if you do, it means you won’t actually be updating the framework file in which in turn causes big problems when the framework is updated.
So for this, you’ll need to keep a changelog.txt of your own and just put a link to this topic, the file name and location you changed and the line of code you modified.
Regards,
Devin
Hey,
Please add this on your custom.css or Quick CSS
.av-special-heading {
margin-top: 10px;
}
Regards,
Ismael
Hi UKiain,
I’ve tagged the topic for Kries to take a look at. It seems the grid for the layout on the default size is a very small 910px which is causing the elements in the header to overlap.
In the meantime, you can try installing this plugin to force IE8 to act a bit better: http://wordpress.org/plugins/html5shiv/
Regards,
Devin
Hi, Thanks for your post. It seems to only work for the left side of the main content. How am i able to change also the padding to the right, top and bottom. Am i able to change these margins??
Here is an example of of paddings we would like to change.
http://www.qinross.com.au/wordpress/wp-content/uploads/2013/08/Example.jpg
Thanks
Hello, I am working at this page http://www.congresoarquitectospanama.com and we wanted to align the main menu with all its functionalities (mega menu, etc.) to go below almost as a footer menu. The problem I am having is that the URLs of each of the menu tabs are ¨Live¨ all over the page from top to bottom, and is not letting me place another link on the body of the page, and also they tabs are not working as a menu, they don´t display other submenus, as lists or mega menus in columns.
Please help!!
Thanks,
Layer Slider, BG Images and Footer not Displaying properly I disabled every plugin and still ..
For some reason on IE everything is showing up correctly but on Chrome and Firefox the banners disappear and everything else.
http://www.lomaximoproductions.com/
Also the wordpress tool bar on the top isn’t displaying either on the browsers.
I updated to the latest version of enfold and wordpress and once I did all these changes started to happen – I tried to go back but giving me errors so im stuck with this now.
thanks.
Is there a way to keep a widget on the top all the time if desired?
Thanks
I will try. Do you have to change the javascript and the css to get it to work?
This is what I’m trying to do:
http://www.chriswardphotography.com/test-area/examples/example3.jpg
Top is what I have, bottom version is what I’m trying to get.
Hi artistic24459,
See if this post helps you: https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger?replies=5#post-132320
You can change the pixel width the theme switches to the mobile menu in both the javascript file and the new css and play with a number that works for you. So going up to say 980px would make it switch on just about all tablets and mobile devices but also some smaller laptops/netbooks.
Regards,
Devin
Hi, I cant find where exactly to change the font size of the top text on the home page. I am using the Avisio theme
Home About What to expect PortfolioOur best stuff Contact Get in touch! Blog Late, and also the colour.
I found everything else
Thanks
Hi
Sorry, maybe I wasn’t clear. I meant that although the page itself is full width the content itself isn’t. On the contact page you can see that the map and contact details aren’t spread all the way across the page. You can also tell by the line in the special heading as this stops inline with the beginning of “client area” (in the menu), where as if I remove the code it stops inline with the end of “contact”. Can you see what I mean?
Regards,
Rob
Hi,
Go Enfold > General Settings > Blog Style, select Single Author, small preview.
Regards,
Ismael
Thanks Ismael for your reply.
I’ve now checked in Chrome and Safari and there’s no issue with the broken icons there.
Still, in Firefox v.23.0 some of the icon images are broken. Strange.
Any ideas why this happens only on Firefox and only with the subdomain?
And by the way, the issue is not with the icons in your screen shot. It’s with the ones near the top of the page (see my screenshot) and the call to action buttons.


Dave
Thanks Ismael, that has worked really well on the blog posts themselves, but now on the blog homepage I have, the banner is at the top of every excerpt which looks pretty bad. Is there a way to have the banner on the blog posts themselves, but not on their excerpts?
Thanks,
Evan
I have several questions regarding repositioning some of the stuff.
Please follow the link below to look at the questions more clearly or in case im typing as well,
https://www.dropbox.com/s/93cq4vi9hdfot2r/questions%2015.jpg
Questions,
1. Remove this space
2. Need to push this image downwards so that it get perfectly align with the top of the text 3. After completing point 1 & 2 I’ll need to push both (the image with thumbnails and text) little bit downwards.
4. I need to reduce the size of this whole container vertically.
5. Is it possible to make this text scrollable so I can fix the maximum height of the text container?
Here is the link of our website link,
http://goo.gl/bxbSzI
I’ll need to do all the above change only in events page of-course.
Thanks
Hello!
I’m looking to have a full width Google Maps on a page. I saw on https://kriesi.at/support/topic/enfold-feature-requests that you have ‘Fullscreen Google Maps Element’ as ‘requested and accepted’ and I also have been searching the forum to see if there were more explainations. I found several:
(1) https://kriesi.at/support/topic/responsive-google-map-in-slider#post-125226
(2) https://kriesi.at/support/topic/google-maps-in-full-width-slider
(3) https://kriesi.at/support/topic/googlemaps-with-predefined-height
I went with (1) and set width to 2560 so on big screens it’s also full width, but on smaller screens, the center of map just goes out. I guess this is the responsive issue you where talking on the topic?
<iframe width="2560" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Madrid,+Spain&aq=0&oq=madrid&sll=37.0625,-95.677068&sspn=59.249168,135.263672&ie=UTF8&hq=&hnear=Madrid,+Community+of+Madrid,+Spain&t=m&ll=40.416633,-3.703766&spn=0.23525,1.373291&z=11&iwloc=A&output=embed"></iframe>
As for option (2) and (3), I see people are going with other options but I didn’t quite catch it…
On a theme I bought previously, in the contact, you have a fulll width map http://themeforest.net/item/coworker-responsive-multipurpose-template/full_screen_preview/3981356. It works with on a template page basis (not slider); it doesn’t resize dynamically but the pin on the map is always in the center, whatever the screen size.
Will you include soon a similar feature? Or is there a way to force pin to the center of the screen?
Thank you in advance!
Anne-Sophie
Hello
I’ve created a single page homepage for my website and added anchors from the top navigation to areas of the page. My issue is that the main navigation has a constant underline effect, because all the anchor points are on that page. Is there a way to remove the underline effect but keep the mouse hover over effect instead?
I tried this code:
.avia-menu-fx {
display: none;
}
But that just completely removed everything, which i’m really hoping to avoid. Also this way people can get some interaction from the site when choosing a section to look at.
Thanks
Hello! Thank you for this nice theme! :-)
Unfortunately we have a problem, with the blog styles. For the default blog we use the list with the small teaser images on the left side through a manually created page. In the detail from every blog entry we have the same image on the top on full width. But when one opens the blog components through the category, the list displayed does not show the small teaser image on the left, but the big image above the teaser text.
is there a way to change this?
thank you for your support.
Hi I read this: https://kriesi.at/support/topic/remove-feature-image-from-post-devins-code-not-working And did that. It is not working for me. Please help! :)
Still the single post page shows the featured image. I only want the featured image to show for the thumbnails on blog page.
Hi Hojoon,
I sent you a response as the account needs to be an admin.
I’m going to close the topic for anyone else since this kind of thing can be cause by a huge number of variables and it needs to be taken on a case by case basis.
If you aren’t using 1.9.1, you must be if you are on WordPress 3.6. If you don’t have at least 96mb of php memory for WordPress to use, you will need to do so as well.
Regards,
Devin
Hi,
I’m not sure what is causing the error. You can add this on your custom.css or Quick CSS to hide it:
body > center {
display: none;
}
You’re using an old version of the theme. Please download version 1.9.1 on your themeforest account. Override the theme files via FTP, watch this video: https://vimeo.com/channels/aviathemes/64927356
Regards,
Ismael
Hi,
I’m sure it is possible to use the plugin. You can then insert the breadcrumb code on functions-enfold.php, find this code:
//advanced title + breadcrumb function
if(!function_exists('avia_title'))
{
function avia_title($args = false, $id = false)
{
global $avia_config;
if(!$id) $id = avia_get_the_id();
$defaults = array(
'title' => get_the_title($id),
'subtitle' => "", //avia_post_meta($id, 'subtitle'),
'link' => get_permalink($id),
'html' => "<div class='{class} title_container'><div class='container'><{heading} class='main-title'>{title}</{heading}>{additions}</div></div>",
'class' => 'stretch_full container_wrap alternate_color '.avia_is_dark_bg('alternate_color', true),
'breadcrumb' => true,
'additions' => "",
'heading' => 'h1' //headings are set based on this article: http://yoast.com/blog-headings-structure/
);
if ( is_tax() || is_category() || is_tag() )
{
global $wp_query;
$term = $wp_query->get_queried_object();
$defaults['link'] = get_term_link( $term );
}
else if(is_archive())
{
$defaults['link'] = "";
}
// Parse incomming $args into an array and merge it with $defaults
$args = wp_parse_args( $args, $defaults );
$args = apply_filters('avf_title_args', $args, $id);
// OPTIONAL: Declare each item in $args as its own variable i.e. $type, $before.
extract( $args, EXTR_SKIP );
if(empty($title)) $class .= " empty_title ";
if(!empty($link)) $title = "<a href='".$link."' rel='bookmark' title='".__('Permanent Link:','avia_framework')." ".esc_attr( $title )."'>".$title."</a>";
if(!empty($subtitle)) $additions .= "<div class='title_meta meta-color'>".wpautop($subtitle)."</div>";
if($breadcrumb) $additions .= avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true));
$html = str_replace('{class}', $class, $html);
$html = str_replace('{title}', $title, $html);
$html = str_replace('{additions}', $additions, $html);
$html = str_replace('{heading}', $heading, $html);
if(!empty($avia_config['slide_output']) && !avia_is_dynamic_template($id) && !avia_is_overview())
{
$avia_config['small_title'] = $title;
}
else
{
return $html;
}
}
}
Please hire a freelance developer to help you integrate the plugin.
Regards,
Ismael
Hi,
Please try this:
#top div .avia-gallery img {
max-height: 100%;
}
Regards,
Ismael