In Admin, I changed the header menu selection in responsive mode from “slide in menu” to “drop down menu.” The menu worked with this choice, but when choosing the menu item, the section link did not go exactly to the top of the section as it does in non-responsive mode. Mike.
I built this site: http://acontatto.acmecontentlab.com
I linked the menu items to page sections like this post: https://kriesi.at/support/topic/main-menu-custom-links-for-one-page-sites-section-ids-and-anchor-scrolling
I added the CSS below to Admin/style/Quick CSS to “fix” the menu in responsive mode:
@media only screen and (max-width: 767px) {
.responsive #top #header {
position: fixed;
}
}
Everything works well until I use one of the menu items to select a section in responsive mode–the menu doesn’t work (locks up) and there is no way to navigate out. Is there a fix? Thanks, Mike.
Thanks,
This “kind of centers” the big images, but does little for the smaller ones.
But I suppose this topic has dragged for long enough, especially considering that the main idea here was supposed to fix the image sizes, and it did that.
I’ll try some more ideas how to center the images, and perhaps I’ll just open a dedicated thread for that later, if I am unsuccessful in my attempts.
Thanks again!
Hi,
You can use this on your custom.css or Quick CSS:
.header_color .main_menu .menu ul li a {
background: red;
color: white;
}
Hover state:
.header_color .main_menu .menu ul li a:hover {
background-color: blue;
}
#top .header_color .main_menu .menu ul li>a:hover {
color: red;
}
Regards,
Ismael
Hi guys, thanks for your attempts to fix the issue below. It still seems to be an issue and not working properly. I’ve check your demo site on the iPad (especially the one page portfolio home page demo) and it too suffers the same issue with scrolling. Would you please be able to take another look when you can? Many thanks in advance. Here’s the support link below.
https://kriesi.at/support/topic/colour-section-background-attachment-mobile-devices?replies=1&message=update-support-forums-topic-status-error
Hi,
You can use the AddThis plugin. Refer to this link on how to implement the social buttons: https://kriesi.at/support/topic/placing-addthis-social-icons-into-the-header
Regards,
Ismael
Hey,
You can use this on your custom.css or Quick CSS:
#top .widget_nav_menu ul ul li a {
font-weight: bold;
}
.widget_nav_menu a {
display: block;
padding: 4px 0px 5px 0;
text-decoration: none;
font-weight: bold;
}
Regards,
Ismael
Hi Josue,
That change does delete the blue title container and the title “blog” from just the individual blog posts. Thanks.
I have two related follow up questions, though:
1. As noted before, my preference would be not to delete the blue title container on the individual blog posts, but just to either eliminate the tile “blog’ for it, or to change it so something else, show as “blog post” or “individual post”. If this isn’t possible, I can live with deleting the container, but for aesthetic reasons I’d rather be able to keep it if we can eliminate or change the word “blog”, since I think that is not an accurate description of what is on the page (since the page has only one post from the blog, not the entire blog).
2. By making a change directly to the single.php file in the Enfold folder, will that change be wiped out when I update the Enfold theme periodically to newer versions? (If so, I assume I just take care to redo the change to this file each time.)
Thanks again for your help.
John
Looks like you found the feature request topic and posted already :)
Hi Susanne,
#1 – The product slider allows you to select which categories to display. You can create a category called Featured and then only put those items you want to show in the slider in to it.
#2 – You can set WooCommerce to show your categories as shop items. Go go the WooCommerce>Settings>Catalog tab and the options are under the top “Catalog Options” header. The Shop Page Display dropdown and Default Category Display are what you are looking for.
Regards,
Devin
Hi,
Please try adding following code to Quick CSS
#top .gallery .gallery-item { margin: 10px; }
Regards,
Yigit
Hi,
As mentioned in this post https://kriesi.at/support/topic/enfold-feature-requests “Method of adding custom icon fonts to the template builder (which allows you to add custom icons like youtube, xing etc)” will be added in upcoming version :)
Regards,
Yigit
Hi There,
Thanks much for a wonderful theme. Enfold is awesome.
For some reason the Cloud Zoom plugin does not work on desktop browsers. Apparently works only on mobile ( I have tested on iPad and iPhone). I have contacted the plugin developer, they suggest is the theme.
When I hover the image in product details page, I get the rectangle to be magnified but no large image appears.
Would you be kind to guide me towards fixing this?
The URL to this website is: http://badasssports.org/
Thanks in advance for your help.
Rod
Hi Evan
I’m not sure if there will ever be support for it. Its a very singular fringe case where you would be embedding a post within a post within a page and I’m not sure Kriesi would want to add the additional css support for it.
I’ll add it as a feature request in the Enfold feature request topic however since ultimately it is up to Kriesi on what features get added in.
Regards,
Devin
Hi Ivana,
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.page-id-481 .ajax_form.avia-builder-el-4 {
background: rgba(255, 255, 255, 0.9);
padding: 10px;
}
And adjust as needed.
Regards,
Devin
Hi yukanl,
See here for the prettyPhoto examples: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
You would need to load up the page in an iframe.
Regards,
Devin
I have a feeling that the issues may be related to a plugin allowing admins to see a different theme than what is live. Typically, without being able to disable all active plugins it is unlikely we can find the root cause of a bug since it could be from any number of plugin conflicts or a specific configuration for a plugin.
I’ll tag Ismael on the topic since he already has the login but without the flexibility to check the theme without any interference I’m not sure we can find a fix.
Also please make sure that you are using version 2.1 of Enfold and WordPress 3.6 since the newest version as you’ve said doesn’t actually mentioned *which* newest version :)
Regards,
Devin
Hi Andy,
If you have the custom class field turned on for your elements then you can do the same as Josue showed above but targeted at your custom class name. Eg:
#top .my-custom-blue-header .av-special-heading-h3{
background: blue;
font-size: 3.5em;
color: white;
padding-top: 20px;
padding-bottom: 0;
}
#top .my-custom-blue-header .av-special-heading-h3 h3{
font-size: inherit !important;
color: inherit !important;
}
#top .my-custom-blue-header .av-special-heading-h3 .special-heading-border{
display: none;
}
and if you find a specific declaration (property+value) isn’t taking effect then you can use !important to force it since it will only ever effect your specific class name.
Regards,
Devin
Hi Seth,
The only way I know of to do that is to target each tab individual within the container you have them in. So if its inside a color section, you can give that section the ID of my-section1 (or whatever is needed).
Then you would target a tab like this:
#top #my-section1 .tab.active_tab.tab_counter_0 {
background-color: red;
}
If you have multiple instances of tabs on that page however then it would need to be even more specific to that tab container. In that case you can turn on the class field for the individual containers by adding this to your functions.php:
add_theme_support('avia_template_builder_custom_css');
Now you can add a custom class name for your individual elements just like before when adding an ID for a color section. You can then name each instance of the tab container to something specific like my-features-tabs and the css would be:
#top #my-section1 .my-features-tabs .tab.active_tab.tab_counter_0 {
background-color: red;
}
which will highlight the active tab for the 0 numbered tab (first) with a red background. And:
#top #my-section1 .tab.tab_counter_3 {
background-color: #333;
}
This will highlight the fourth tab with a #333 background all the time.
In general I don’t connect to site with a host modification so I’m not able to see the site live for more specific css.
Regards,
Devin
Hi, I’m putting together a table to display feature comparisons. While it displays correctly on PC, it doesn’t display correctly on my mobile.
Here is how it looks on my PC: 
Here is how it looks on my mobile: 
On the mobile version it seems to be ignoring the contents of the top left cell, in turn throwing off how the other columns display their data.
Does anyone have any suggestions about this? Or is this intentional?
Thanks in advance,
Elliot
Sorry looked again and found this post which answered my question:-
https://kriesi.at/support/topic/enable-comment-on-pages
hi,
Are you able to tell me what the custom code is to make the logo at the top bigger?
or do you need to log into the site and have a look?
thanks
olly
Thank you very much, Yigit. Your rapid response is much appreciated. Cheers!
i want to add images which are retina quality on the site with layer slider.
I have a problem, on the ipad the image is cropped at the sides- white space added.
on the desktop ful width no white space but heads are cropped off?
How can i edit an image to make it fit and retain a high quality. when i resized the images to 1600 by 470 they fitted but where blurry and not retina quality
site is http://southhiendley.wakefield.sch.uk/
Hi,
Can you post the link to your website please?
Regards,
Yigit
I have the same issue in the Enfold theme as these guys had with the Cleancut theme here…
https://kriesi.at/support/topic/french-accents-do-not-show-up-in-titles and here… https://kriesi.at/support/topic/international-accent-marks-and-diacriticals
However, I don’t seem to have the quicksand.font.js in my JS folder. I assume because Enfold uses a different font.
So, what do I need to do to activate the use of accented letters like ‘ê’ in my Enfold titles?
Thanks in advance for your help.
I just installed enfold and i have a problem with some icons, slider and back to top arrows. They are not displaying properly in firefox 23 and in IE 10 they are not showing at all.
Hi,
Please add following code to Quick CSS
li:hover .avia-menu-fx { display: none; }
.main_menu .menu ul { margin-top: -32px; }
It will remove the green line. I can place that green line over breadcrumb section but then it will move over menu when menu shrinks.
Regards,
Yigit