Unfortunately the site is no longer passing the test anymore. I’m not sure why, but the AMP plugin I used has stopped working.
Google is once again seeing this:

And when I checked Website Grader I see this:

This one is really strange because it’s definitely seeing the site the way it’s supposed to on mobile, but it still says it’s not mobile friendly.
I’ve tried many other AMP plugins, and I’ve tried removing the plugin, nothing has worked. We updated to 3.5.4 a few weeks ago, could the issue lie there?
The login provided at the beginning of this thread should still work.
Hey Trent,
We cannot see the exact demo please close the iframe on top and re-send the demo link. However I would like to confirm that yes you can create a website like any of our demos easily by importing the ready to use demo files and get free lifetime updates on your site once enfold is installed and have a valid licence and api key is updated..
Best regards,
Vinay
Hi,
@Red Rubber Media the strike thru text you mentioned is caused by the jetpack plugin.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
div.sharedaddy h3.sd-title:before {
border-top: 0px none #000!important;
}
Best regards,
Vinay
Hi,
I have the same problem as another user here:
In the lightbox-popup the image title is not shown.
<div class=”mfp-title”></div> is empty in my case, too.
The weird thing is, that with a page reload, on some images the title appears suddenly, on others not.
When I reload the page again, on some images, where the title has appeared before, it is now gone again.
Very strange …
I removed this code, that you gave me anywhere else here in the forum, to avoid the title of the featured image when hovering it:
function remove_title_attr(){
?>
<script>
jQuery(window).load(function(){
jQuery('a').removeAttr('title');
jQuery('img').removeAttr('title');
});
</script>
<?php
}
add_action('wp_footer', 'remove_title_attr');
It is deactivated in my Codesnippets-Plugin, to avoid conflicts with this lightbox issue – but still no luck.
What I have done so far:
– I disabled all plugins – it is still not solved.
– I downloaded ENFOLD today again and tried it with this fresh theme files – no success.
– I’m using WP 4.5.2.
– I’m using NO CACHE plugin!
Any idea what this could be?
-
This topic was modified 9 years, 9 months ago by
BeeCee. Reason: changed private data
Hey David Dalka,
Thank you for bringing this to our notice. We really appreciate it.
1. I have informed Kriesi and it will updated in the future release.
2. To add additional or custom social icons please refer to this link http://kriesi.at/documentation/enfold/custom-social-icons/
3. For minification we recommend a caching plugin like https://wordpress.org/plugins/w3-total-cache/ for more options please check our recommended plugins list https://kriesi.at/support/topic/recommended-plugins/
Let us know if you have more questions we are glad to help :)
Best regards,
Vinay
Hey hdpcr!
1. Layer slider can use any type of font you want, as long as u embed to the system
2. Yes, that is also possible
3. You can load custom fonts to enfold:
https://kriesi.at/support/topic/new-custom-font/
Please let us know if you need anything else.
Regards,
Basilis
I want to use semi-transparent background colors for all sections of my page:
-Header
-Shrinking Header
-Main Content
-Footer
etc…
But there seems to be no transparency slider or value for each Styling tab
I am using the Boxed Layout
With a custom Body Background Image
I have found one method on youtube
Under Edit Page > Layout Tab > Header visibility and transparency > Transparent Header
With quick CSS
#top .av_header_transparency {
background: rgba(255,255,255,0.2);
}
This does achieve a semi-transparent background color for the main header
But now the Main Content starts up beneath the Header
And how to configure transparency for the shrinking header and all the other styling tab sections?
:/
Thanks
Dave
-
This topic was modified 9 years, 10 months ago by
T666.
Hey tlchase!
Please add the following to your CSS
#top .av_seperator_big_border .av-main-nav > #menu-item-search > a {
border-left-style: none;
border-left-width: none;
border-color: none;
}
Let us know if that works out for you and it fixes your issue!
Cheers!
Basilis
Hi,
Please remove the code Jordan posted above and following one from your custom CSS
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
height: 2px;
line-height: 50px;
}
and add following one
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
height: 50px;
line-height: 50px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hey rlogan2334!
Here, what you show is a different page and not an anchor.
They have although linked it to go to the top, but only that nothing else.
Thanks a lot for your understanding
Cheers!
Basilis
Hi kate!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.html_header_sidebar #top #header {
width: 200px;
}
.html_header_left #main {
margin-left: 200px;
}
Regards,
Yigit
I have added this code to enlarge the size of the phone number in my top bar.
.social_header .phone-info { font-size: 18px; }
No Quick CSS is working though (tried many others which I know to work as I am using them on other Enfold powered sites).
Website in question and admin login details are in private content. Please help.
Hey guys,
any chance my hamburger menu that is set for the desktop can function like this?
https://www.nycpride.org/
I don’t plan to have anything on the page but 4 menu items and preferably centered.
The key is that is that screen overlays, rather than animates as it currently does.
LMK if it can be done.
You have to log in to my site to see current progress.
Thanks,
JS
Hello Kriesi, thanks again for an awesome theme and support!
I am trying to turn off the line separators in the main menu.
I found the following previous topic (#189449) however that css did not work on my site (cleared cache, deleted all browsing history, etc):
.bottom_nav_header.social_header .main_menu ul:first-child>li a {
border: none !important;
}
.bottom_nav_header.social_header .main_menu ul:first-child>li:first-child a {
border: none !important;
}
I also tried the following however the entire page shrinks:
.av_seperator_big_border .av-main-nav > li > a {
border-left-style: none !important;
Please advise how I can get rid of all the vertical seperator lines that are found on that top main menu.
Site is below.
Thank you
Hi,
How can i have 6 instead of 5 columns in the Footer.
I found a ‘old’ description but this does not work https://kriesi.at/support/topic/6-columns-in-footer/, because the version change.
All the best,
Pascal
I have added a zip of some fontello and it works, then disappears. The icons will stop showing up on the front end and in the builder the second section is just gone.
If I delete the custom font set, then just re-add it, it all reappears. I have done this twice. Logged in this morning and all gone again.
Hi folks!
You provided a solution to set the order of the datepicker to MM / DD / YY in this thread:
https://kriesi.at/support/topic/mm-dd-yy-order-in-datepicker/
That worked brilliantly at the time, and it still does. However, I’m attempting to apply that same fix to a different site running Enfold, and I see this error:
Parse error: syntax error, unexpected T_FUNCTION in /homepages/17/d136927890/htdocs/DutchOven_WP/wp-content/themes/dutchoven/functions.php on line 10
The site I’m working on is http://www.dutchovenrestaurant.com. It’s a simple one-page site plus one other page with a contact form (their Catering Quote Request page).
This is what my child theme functions.php looks like that produces the syntax error:
<?php
//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
return "debug";
}
add_filter( 'avf_datepicker_dateformat', function(){ return 'mm / dd / yy'; } );
add_filter( 'avf_datepicker_date_placeholder', function(){ return 'MM / DD / YY'; } );
//Remove Portfolio post type
add_action('after_setup_theme', 'remove_portfolio');
function remove_portfolio() {
remove_action('init', 'portfolio_register');
}
Any ideas? What am I missing?
Hi,
No I haven’t. Sorry I took the code out to revert back to the normal top bar, which is why you can’t replicate it. I’ll put it back in and let you know if the client still insists.
Thanks for looking though, sorry for the inconvenience.
Hugues
Thanks Jordan,
I’ve used this code using negative margin as suggested:
/* reduce footer widget vertical spacing mobiles */
@media only screen and (max-width: 767px){
.responsive #top #wrap_all .flex_column{
margin-bottom: -10px !important;
}
}
HOWEVER This has the unintended consequences of reducing the gap between the buttons and the images below on the homepage so they now touch on mobiles. Is there another way of targeting the vertical space between each footer widget on mobiles without affecting other areas of the site please ?
Thanks in advance
Hugues
Hey Eleina_Shinn,
Thanks for getting in touch with us!
Yes if you have a countdown timer to use, it can be stuck to the top of the page using CSS.
Let me know if you need further assistance.
Best regards,
Jordan
Hey wizard247,
Thanks for getting in touch with us!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.flex_column.av_one_half.flex_column_div.av-zero-column-padding.avia-builder-el-24.el_after_av_one_half.avia-builder-el-last.column-top-margin {
top: -400px;
margin-top: 0;
}
Best regards,
Jordan
I deleted it because some people couldn’t use it on their desktop and the mobile version was cutting off many of the languages that appeared under the pull-down because the 3 or so columns of languages extended to wide across the screen when not in landscape position.
Problem solved:
@media only screen and (max-width: 770px) {
.responsive #top #wrap_all .flex_column {
width: 100%!important;
float:left;
margin-left: 3%!important;
}
}
Hey, would it be possible for a countdown timer to be “stuck” to the stop of the site with the navigation bar, above the navigation bar, using css? Just wondering, a client has asked me for this before I choose a theme. thank you ! :)
Hi Tomas!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-logo-element-container .slide-image { background: transparent !important; }
Cheers!
Yigit
Hi!
That would not be easily possible since you are using 5 columns on desktop.
Please add following code to Quick CSS if you would like to display 5 columns on mobile as well
.shop_columns_5 .products .product {
margin: 0 1% 1% 0 !important;
width: 19.2% !important;
}
Cheers!
Yigit
Hey Gallop_Web,
Please remove your code and add following one instead
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
Best regards,
Yigit
Hey Mathilde,
Please firstly choose to display header and choose “Logo center, menu below” option in Enfold theme options > Header tab. Then add your “Reserved Bord” text using text widget in header area – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and then add following code to Quick CSS in Enfold theme options under General Styling tab
.logo { top: 30px; }
#header_main_alternate { display: none!important; }
Best regards,
Yigit
Hi, sorry,
I take that back… I changed top: -30px; from my share button CSS to top: -60px; and that seems to look fine.
———
Apologies for the edit rather than a new topic, I wasn’t sure of the best procedure:
I have an issue where the HTML used to insert the image next to the copyright text isn’t linked.
Any idea why the image won’t link to external site?
-
This reply was modified 9 years, 9 months ago by
Leosoki. Reason: Additional issue found after topic closed
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select {
border-color: #e1e1e1 !important;
}
Best regards,
Yigit