Hi!
1) Please update the theme to the latest version 2.7.1 – this will also solve no 2. (and you’ll be able to find/modify the code).
2) Yes, replace:
function avia_shop_overview_extra_header_div()
{
echo "<div class='inner_product_header'><div class='avia-arrow'></div>";
}
with
function avia_shop_overview_extra_header_div()
{
echo "<div class='inner_product_header'><div class='avia-arrow'></div>";
echo "6 months";
}
3) Did you try to change the position of the background image on the “Color Section” option screen – maybe try “top center”: http://www.clipular.com/c/5678544864673792.png?k=jR2lqRzMYtESGH2D1K0xy0KW30Q
Best regards,
Peter
Hey!
Thank you for the update.
We managed to target the download button. Please try this on Quick CSS or custom.css:
#enmse-download {
z-index: 9999 !important;
display: block !important;
position: relative !important;
top: -30px !important;
}
Cheers!
Ismael
Hey JochenBake!
Thank you for visiting the support forum!
From what version of Enfold did you update? I think the problem is that the header overlaps and cover the main content area once you scroll. Please try this on Quick CSS or custom.css:
.html_header_top.html_header_sticky #header {
z-index: 0;
}
Remove browser cache then reload the page a few times.
Best regards,
Ismael
Hello,
First off I just wanted to say thank you for creating such a great theme, it has been a pleasure to work with.
The only issue I have encountered so far was with the included contact form, I wanted to have 4 fields and the submit button spanning horizontally on the same line as opposed to just 2 fields per line which seemed to be the limit by default.
I found a solution on your forum (https://kriesi.at/support/topic/contact-form-elements-width/) where someone was encountering a similar issue and by modifying the css as outlined in the thread I was able to get everything looking the way I wanted (http://i60.tinypic.com/2dmfiqa.jpg).
Now my problem is when my website is viewed on a mobile device the contact form css doesn’t properly adjust and the fields for the contact form (First Name, Last Name, Phone Number, Email) end up overlapping instead of properly shifting to a new line like the other elements on the page.
I’m hoping you can help with a solution, either a fix for the css or if there is a way to remove the contact form element from my homepage when viewed by a mobile device or maybe display an alternate version of the homepage for mobile devices where I can remove the contact form element?
Thanks in advance.
Hi,
Since WordPress 4.0-alpha-20140507 update last night I can’t access the back end theme options (only shows the first list, the column on the left and the “show all options” are not displayed/do not work). The advanced layout editor no longer works, it either gets stuck with the loading icon on pages that have it switched on or nothing happens at all when trying to enable it in new pages.
I’ve found this regarding wordpress auto-updates http://wordpress.org/support/topic/live-site-automatically-updated-to-an-alpha-version
TIA
Nathan
Hey Freshstart!
Thank you for visiting the support forum!
If you don’t mind, please provide us with a link to the actual website. We would like to check the logo/partner element. On what browser and OS are you testing this? Please try to add this on Quick CSS or custom.css:
#top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap {
-webkit-transform-style: flat;
}
Cheers!
Ismael
Hey!
2) Diese kannst du zB mit:
#top .avia_cart_buttons .button {
width: 100%;
}
#top .button-mini-delimiter{
display: none;
}
umgestalten. Den Code einfach in das Quick CSS Feld oder in die Child Theme style.css einfügen. Mir gefällt aber das Standarddesign besser.
3) Kann den Fehler leider nicht mit FF oder Chrome reproduzieren – versuche einmal diesen Code in das Quick CSS Feld einzufügen:
.inner_product .shipping_de.shipping_de_string {
margin-bottom: 5px !important;
padding: 0 15px !important;
}
Best regards,
Peter
Hey John Haswell!
Try the solution i provided here:
https://kriesi.at/support/topic/adding-468-x-60-banner-to-header/
Regards,
Josue
Hi oliviad!
This is as best that I could figure out a way to do:
.avia-fullscreen-slider:after {
content: ' ';
height: 100%;
width: 100%;
background-color: rgba(37, 34, 34, 0.45);
display: block;
z-index: 100000;
position: absolute;
top: 1px;
}
You could add that to your child theme style.css or the themes Quick CSS field in the styling tab. The background color is RGBA with the ‘A’ being transparency.
It will only work in modern browsers that support the :after pseudo class and probably fail completely on IE.
Also note this will overlay the whole slideshow, so the buttons and any content on there as well.
Best regards,
Devin
-
This reply was modified 11 years, 11 months ago by
Devin.
Hi!
Thank you for the update.
Please use this on Quick CSS or custom.css:
.mobile_active #advanced_menu_toggle:after {
content: 'MENU';
position: absolute;
left: 7px;
top: -16px;
}
Remove browser cache then reload the page a few times to see the effect.
Regards,
Ismael
I’m on iOS7 iphone 5 and have also tried on android phones. On neither of devices can I get a YouTube or Vimeo embed to actually play. They display, but touching/tapping on the video’s still frame on the screen doesn’t cause it to actually play.
To be clear, we have included these embeds as iframes within a text block. Here is the embed code we are using:
<p style=”text-align: center;”><iframe src=”//www.youtube.com/embed/########” height=”315″ width=”560″ allowfullscreen=”” frameborder=”0″></iframe></p>
Replace the ####### with the video in question. Doesn’t matter which video. It simply will not play on mobile devices. The videos work fine on Desktop.
Any help would be much appreciated.
Thank you,
sr123
Hey MarcG5!
Thank you for using the theme!
1.) Yes, this is possible with media queries. Just add this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) {
div.breadcrumb.breadcrumbs.avia-breadcrumbs {
display: none;
}
}
2.) Use this to fix the logo on mobile device:
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
height: 65px !important;
top: 5px;
}
}
Regards,
Ismael
Hi,
I am having the same problem as this.
https://kriesi.at/support/topic/error-when-trying-to-view-a-blog-post/
My host says that The Enfold theme contains out dated code which is not supported with the server PHP version 5.4.28.
I am desperate…
Thanks for your help!
This reply has been marked as private.
hey guys
need some help please. i adjusted the transparent menu to get my logo the way I want it, but now my menu is down way too far. how can i change this in css? I got the social icons back into the right position, but I cannot find where I need to get the menu back up top.
here is site.
http://www.drakeeats.com
Hey Devin,
#socket { font-size: 15px !important; position: fixed; bottom: 0px; width: 100%; overflow: hidden; }
#socket .container { padding: 4px 0 6px 0; }
html { background: #ffffff; }
For me, the above css code DOES (or DID) create a fixed socket container in 2.5.2. What is confusing and unfortunate is why it STOPPED working the same way in 2.7.1 (more details in the post linked above). It may be some change related to how fixed positioning or transparency is newly handled in 2.7.1? Were there changes maded in those areas in 2.7.1?
Now in 2.7.1, with that code, the “fixed socket” only shows IF a scrollbar is present. In 2.5.2 the “fixed socket” showed with or w/o scrollbar present.
Since it WAS working great to give a “fixed socket” in 2.5.2, I’m hoping the Kriesi team might have some insight into why it STOPPED working the same in 2.7.1, and how to fix it? I’d love to get it back to how it was working, because it was a really key feature I need for my site! Any ideas how to get it working again in 2.7.1?
The menu at http://phoenixfireops.com/ems/standing-orders/adult/stable-v-tach-or-wide-complex-tachycardia/ does not fit the mobile page. The page finishes scrolling to the footer and stops the menu from scrolling further.
I’ve flagged the topic for Kriesi to take a look at. I can’t see why they would be showing with the current settings and it isn’t something that is typical or a reported bug within the theme right now.
You could try doing a quick re-install in case there was an issue at any point with a file being corrupted as an alternative fix attempt as well.
I must have tried adding this to Quick CSS 20 times and now it works for some reason. I must have been typing incorrectly.
@media only screen and (max-width: 1140px) and (min-width: 768px) {
#top .main_menu ul:first-child > li > a { font-size: 12px; }
}
For anyone else that reads this remember to set the Header Mobile Menu Activation to only for smartphone in ENFOLD>HEADER LAYOUT>MOBILE MENU tab. If you set it to smartphone and tablet the changes will only affect the tablet in landscape mode (greater than 990px)
This topic can be closed. (Admins…you can delete if you wish.)
thanks for the vid, I was asking however, how to create a template other than Default, Archives, or Blank template, in the wordpress right rail
http://screencast.com/t/0LlWxFiFpqK
What I am trying to accomplish may be impossible- a different header logo from one template to another… eg, a header image A that goes on template A pages, and header iamge B on B pages… and this may be the wrong place to try.
For example, this portion of your site: http://kriesi.at/ has a very different header than this portion of the site: http://kriesi.at/documentation/ and even further, it is different than this area of your site: http://kriesi.at/documentation/enfold/
I’m seeking the same effect….. site.com/topic-A has a different look than site.com/topic-B
-
This reply was modified 11 years, 11 months ago by
thanp73.
Hello! Is it possible to remove the menu underline, but keep the small arrow? I would like to make this:

look like this:

I’ve been fiddling with the CSS, but no luck. All the topics I’ve found in the forum remove both the arrow and the underline. Any help would be much appreciated.
Thanks!
-
This topic was modified 11 years, 11 months ago by
pcglenn.
HI,
I don´t want a custom logo top left as it interferes on some devices with the top navigation , but neither the default “enfold” one. But in the general settings I only see:
Upload a logo image, or enter the URL to an image if its already uploaded. The themes default logo gets applied if the input field is left blank
Any idea how I can get it “all logo free”?
Thx a lot!
Dear support team,
First of all, thanks for the many updates. I really appreciate the time spent to continually improve the Enfold theme.
For approximately a year now, I am using your theme. In a child theme I worked with a style.css file for customization, as I wanted a centered logo and an always fixed to the top main menu, without a header secondary menu, social icons and phone number. Together with some tweaks in the header.php file, my custom css worked perfect together with the plugin UberMenu (to get a 100% full width). Until the recent major update.
With the new header option ‘Logo center, menu below’ selected as well as custom css in my child theme in the file style.css I am able to get the same effect as described above, only much easier. The problem I am facing, though, is that in Chrome the fixed to the top main menu is sometimes frozen in the middel of the screen (or somewhere else, but not fixed at the top) after a few times of scrolling. It seems to me, that my custom css is conflicting with your code, and at your forum I cannot find the right solution. Therefore, my following question: can you please advise me, which custom css to use to properly position the main menu above the centered logo and always fixed to the top. Nb. the logo should not stay fixed at the top like the main menu and I would like to keep it the same size.
The custom css I am using:
#header_main_alternate {
background-color: #4d4d4d !important;
position: fixed !important;
margin-top: -151px !important;
width: 100%;
z-index: 500;
height: 40px !important;
border-bottom: hidden !important;
border-top: hidden !important;
}
.av-main-nav > li > a {
color: #f8f8f8 !important;
}
.html_header_top #top .av_header_stretch .container {
width: 100%;
}
@media only screen and (min-width: 990px) {
/* Add your Desktop Styles here */
.logo img {
margin-top:57px !important;
max-height: 80px !important;
}
Besides this css, I am also using custom css to style the UberMenu. And for the mobile views I also have some custom css to center the logo in a right way and to adjust the margins.
I am looking forward to hear from you, thank you in advance!
Best regards, Fleur
Hello
I’m not working with posts anymore, i’ve changed to portfolio.
With portfolio I don’t have this problem.
You can close this toppic.
Thanks anyway!
Hi!
If you are using a child theme then right at the top after your opening tag and comment. In the main Enfold functions.php it can go right after:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Regards,
Devin
Hey!
You can adjust the container size by 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:
.fullsize .big-preview.single-big {
width: 80%;
margin: 0 auto;
}
In the Custom.css file there is a pre-done media query that you an add that css to so that it only effects desktop. You could also use max-width: 700px; instead of the percentage if you don’t need to worry about IE8 support.
Regards,
Devin
Enfold 2.7.1
WP 3.9
How can I set the main menu and main menu sublevel links font size between specific browser pixel widths only?
The client wants the main menu and sublevel link font larger for the desktop but that causes problems on a tablet in portrait mode. The menu wraps to a second line. So I would like to set a custom font size above smartphone yet below desktop resolutions. In my case between 769 and 1140 pixel width.
– a custom main menu and main menu sublevel links font size is set in theme options.
– the header mobile menu activation set for below 768 and that works just fine for smartphones.
– I tried unsuccessfully tried working with the info and code in this thread (last entry) https://kriesi.at/support/topic/menu-problem-on-ipad/
– I tried directly editing the code in layout.css
I tried adapting the following code (I have no experience so it was a guess and tried to make something work but I failed)
p {
@include responsive-font-size (
$min-font-size: 1.8em,
$max-font-size: 3.7em,
$min-screen-width: 640px,
$max-screen-width: 1200px,
$font-size-step: 0.3em /* optional, default: 0.1em */
);
}
But that just overrode the main site font and left the menu font unaffected. Definitely the wrong way
Hey!
Please add following code to Quick CSS as well
.avia-fullwidth-slider { border-top-style: none; }
@media only screen and (max-width: 480px) {
.title_container {
display: none; }}
Regards,
Yigit
For this kind of usage it looks like you’ll need to purchase the plugin by itself and then disable the included version. The interaction between the theme and it while included is causing a conflict somewhere that we’ve been unable to track down.
You can disable it with:
add_theme_support('deactivate_layerslider');
Right after the global $avia_config; in a parent theme or in the child themes functions.php at the top.