Hi Yigit,
First this didn’t work.
But I also added this code in my childtheme style.css
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
animation: none;
}
I tried that before, saw it changed the animation, but didn’t deactivate it.
Now, in combination with the code you gave, it works.
Thank you very much!
Sophia
Hi Powtin!
Ok! we will help you with this customisation :)
Please add the below code at the bottom of functions.php
//One page nav highlight
function activateMenuItem(){
?>
<script>
jQuery(document).scroll(function() {
var sections = jQuery('.avia-section'),
menu = jQuery('.av-submenu-container'),
nav_height = menu.outerHeight();
jQuery(window).on('scroll', function() {
var cur_pos = jQuery(this).scrollTop();
sections.each(function() {
var top = jQuery(this).offset().top - 300,
bottom = top + jQuery(this).outerHeight();
if (cur_pos >= top && cur_pos <= bottom) {
menu.find('a').removeClass('active-menu-item');
menu.find('a[href="#' + jQuery(this).attr('id') + '"]').addClass('active-menu-item');
}
});
});
});
</script>
<?php
}
add_action('wp_head', 'activateMenuItem');
Then add the below code in Enfold > General Styling > Quick CSS
/* Your css styles for active menu item*/
.active-menu-item {
background:gold!important;
}
Regards,
Vinay Kashyap
Hey hajzr!
Please refer to my post here – https://kriesi.at/support/topic/change-the-position-of-image-in-testimonial/#post-563372
and then add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-testimonial {
background: #e8e8e8;
}
Regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.home p#element_avia_1_1 {
margin-top: 0;
}
Regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#header_meta a {
color: white;
}
#top .av-subnav-menu > li > a {
border: none;
}
#top .av-submenu-container .container {
padding: 0 50px!important;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
then go to Enfold theme options > Advanced Styling and edit “Main menu links” to change main navigations colors.
Cheers!
Yigit
Hi,
How can I stop featured images from cropping? I’d like them to keep their aspect ratio. I’ve looked through some of the posts here and done the following:
I’ve added the Simple Image Sizes and turned off cropping on
featured size
featured_large size
extra_large size
and then added the CSS
.big-preview {
display: block;
padding: 0;
}
.big-preview.single-small .attachment-large.wp-post-image {
width: 100%;
}
But this doesn’t stop featured images from being cropped.
Can you help?
Thanks
Phil
Hi!
Please edit your blog posts and check “Screen options” on the top right side and checj “Excerpt” and then scroll down your post content and add your excerpt in excerpt field
Regards,
Yigit
Hi,
Uploaded own site logo in Enfold control panel and set other settings for top bar, menu etc. All was working fine until I edited the Fullpage slider on the Home page by deleting existing slider images and uploading my own images. Slider works fine but if I change the header option to Transparent then the page loads the default Enfold logo and not my own. However if I leave the header as default then my logo shows up no problem.
What could be the problem? I have searched through all settings and my logo appears everywhere it should (can’t even see an Enfold logo)
Thanks for any help.
David
I did. All images have alt tags via the media library, but my MOZ SEO crawls are telling me all images that are used as background have no alt tag. When I look at the source code of the live page, it’s only pulling the url of the image as the source. I’m guessing there’s no way around this? Is there a way to have the image in a section, with text over it that’s not part of the background, but still have the text on top? Probably not, as far as I can tell…
Hi there,
The drop down menu is supposed to highlight in blue when you hover over the link. It works well on the desktop and laptop, however, on the tablet, it only highlights blue if the menu has a sub-leveled menu, otherwise it highlights in grey. I don’t like the grey and would like it to highlight in blue as it did before.
Please help.
This remains a big issue/bug for us.
We are trying to add the widget the same way a user is supposed to add any other widget in WP/woocommerce.
We purchased the Enfold theme because it was advertised to have woocommerce support.
This is obviously not a new issue for Enfold/kriesi.at because other users have complained about a similar issue in your forum. For example:
i) https://kriesi.at/support/topic/woocommerce-category-widget-not-working-in-shop-sidebar/
ii) https://kriesi.at/support/search/woocommerce+product-category/?avia_filter_search=yes&avia_search_forums=all&avia_search_dates=all&avia_search_include=no
Kindly help properly investigate this issue and provide a proper technical response and solution or help escalate this issue.
Thanks and Regards.
Hey jonathon.dominic!
You can use FontAwesome. Please refer to my post here – https://kriesi.at/support/topic/importing-icon-from-font-awesome/#post-414749
Cheers!
Yigit
Hello
I’ve added a secondary menu to the top bar and created custom icons through Fontello, which I’ve imported via the import/export area of the site. The icons are available in the icon area of the advanced editor. All I’d like to do is replace certain navigation titles with the custom icons I’ve uploaded, but it doesn’t seem to work. In the navigation area of the menu item I’ve added
<i class=”xandari avia-font-entypo-fontello”></i> (I found from another tutorial)
in css I’ve added:
.xandari {
content:’\ue802′;
font-family: “fontello”;
}
I don’t want any text, just the icon. But it doesn’t seem to recognize the icon code I’ve used. I obtained the code from the advanced editor, inserting an icon and hovering over the custom icon I uploaded. I’m thinking I’m not calling the right font-family..what is the font family for custom icons?
Hey!
You can change the code to following one to apply it only on desktops
@media only screen and (min-width: 990px) {
.custom-class { margin-top: 10px; }}
Cheers!
Yigit
But adding margin-top is not good on mobile, it creates space. Why dont “vertical-align:middle” work? Thanks.
Is possible have the mobile menu in the desktop resolution?
Thanks…
=)
Great theme!
Hi, I want to deactivate the animation in de masonry gallery. How can I do that?
I found an old topic about this (https://kriesi.at/support/topic/masonry-animation-fade-in-only-on-load/), but that didn’t work for me.
I don’t want any animation when you open the page.
Thanks,
Sophia
It is on all Enfold installation, so you can check on your own systems!!
This system is nearby online – so please make no changes in all places?
On all Enfold Installations:
Object { 0: <body#top.home.page.page-id-2.page-template-default.logged-in.stretched.arial-websave._arial.>, length: 1, prevObject: Object, context: HTMLDocument → http://www.pharmazing-days.com, selector: “body” }
avia.js:893:4
—–
13:57:23.989 ReferenceError: avia_is_mobile is not defined
-
This reply was modified 10 years, 2 months ago by
Raphael.
Hi
I have noticed that the open/close animation of the mobile menu is quite slow and “jerky”.
The same animation is smooth if I test it from my desktop computer.
I have already disabled all plugin and custom CSS/JS. No change.
Any idea?
Thx
how do you achieve the different languages – via WPML ?
on WPML the Enfold Options dialog is in correlation to each language. It means, that every Language has its own Enfold Options. Even the landing Page could be different.
if i have to install a multilanguage site i start finishing the site for one Language – than i go to import/export of Enfold an export the theme settings file than change the language ( on top of enfold options dialog there are the flags – or a left tab will show you on which language you are) and import that theme settings file.
If you have different rules for each language there is no other way to export each manually paste it in that field
Hello.
I’m currently putting together a website using Enfold and am having a problem with a layer slider that I cannot seem to resolve.
I have a horizontal line that sits at the bottom of the slider and goes right across the width of the page, there are also lines left and right that line up with the top of the slider, and start where the slider ends. Do you have any advice on how to resolve this?
I’ve included a link for moderators, it is under the “Global Brands We Help To Promote” caption and the slider I am referring to is the one with a few company logos on it, on the home page.
Many thanks.
Good morning, my site has a very large menu and on small resolutions I have a overlaps problem with the logo.
Can I switch mobile menu before 990px?
I already tried this solution, but it did not work:
http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/
Thank you!
http://www.leonardotrade.com/veneers/tranciatura/
Hi Team ,
Great work at Kresi – really happy with all your developments and help so far.
I have a website that uses a third party plug-in called Vimeography that we like a lot. As we store all our videos on Vimeo Pro it is a great way to use a gallery to view our films in a manner that bypasses double hosting video / bandwidth streaming related issues. For our desktop audience it is responsive in a very helpful way.
But not so for our mobile users.
I’ve spoken with that developer and explored the route of a fix from them – it is not available.
What we would like to do is recreate the relevant pages of the site with a mobile version, ones that have been tailor-designed to work with smaller screens.
So far so good.
What remains elusive is that I would need to drop in some custom code somewhere that would know which size screen was viewing the website and could redirect to the relevant mobile friendly version of the page.
Could you assist me with that custom code and where I should place it?
Hi Vinnie, I have been able to achieve what I needed via a different route, using the Multi Author layout. Thanks anyway! This topic can be closed.
This topic can be closed – I have been able to mimic the grid 2 column style on the Multi Author layout.
Thanks! This topic can be closed now :)
Thanks! This topic can be closed now :)
Dear Enfold team,
since we have a left sided navbar we are not able to create colorsections.
If we do so, the whole page content aligns wrong.
The site aligns to the left as if there were no right side nav bar. If we change the navigation bar
to normal header top position, everything works. It does not work with colorsections and portolio elements.
Can you please have a look. In the private section there are the infos.
Kind regards.
-> Coz its time critical i had to change layout to classic header in the top position. Really bad.
-
This topic was modified 10 years, 2 months ago by
Tobiy.
Dashboard – Enfold (or Enfold Child if so) – header tab – there you see extra elements.
Here you can set “secondary menu” (here you can choose – top bar in the left)
than goto Dashboard – Appearance – Menu
build another menu and set it to “Enfold Child Secondary Menu” like in your example on top left side (banana, navy …)
2) to place an image instead of text you can insert here on the menu a custom link
on that custom link you can insert in the field “navigation label” the image link like:
<img src="http://homepage.com/home.png" alt="home" width="30" height="30" />
-
This reply was modified 10 years, 2 months ago by
Guenni007.