Hi,
thanks for your reply. Let me try to explain it to you in more detail:
We got a site with a autoplay video and a fallback image (which is provided as you mentioned above by the Color Section). Everything works fine. Our customer told us, that there is a lot of tablet-traffic on the site and that he wanted to provide the video for the tablet cusomters as well, since the video is just pure awesome and communicates the message in a perfect manner.
Therefore my question:
Is it possible to restrict the fallback image just to the smartphone/mobile devices, but show the video in the background on tabelt devices (with a play button)?
Hopefully I was able to clearify my question :)
Regards, M.
Hi Support,
I would like to see a nice scrolling mobile menu of my site on the iPhone, which is standard now a days, in stead of the old fashioned menu on top of the screen. I couldn’t find an option in the dashboard – enfold theme options – to make this happen.
The theme was bought ca 2 weeks ago..
Thanks in advance and kind regards,
In behalve of my client,
Arthur Veen / netherlands
Hi!
The login credentials do not work please check .
Enfold has a builtin contact form builder have you tried it?
If you still need to use CF7 and style it to look similar to enfold try this https://kriesi.at/support/topic/contact-form-7-enfold-contact-form-identical-styling/#post-568434
You can tweak the css in the above thread to make your form look different.
Regards,
Vinay
Well, that was not what I expected…
Setting it to 128M caused both frnt-end & back-end to completely stop loading… I removed the line completely from wp-config and now things seem to be back to “normal”…
Could it be because I added the lines to the end of the file? Is there a preferred order to follow in wp-config?
Hi Andy,
yes your screenshot is OK.
Mine is better than it used to be but still partially OK.
Attached screenshots here:
https://www.dropbox.com/sh/on7hlw348lorinj/AACDkYJxdk_UFq8KlnoeW3Yya?dl=0
Here is what I have:
=> iPad Portrait => Menu OK but Price box NOK, Big Ben very narrow
– 1A – iPad portrait Menu OK but Animated numbers NOK out of the box IMG_1277
– 1B – iPad portrait Menu OK but Animated numbers NOK out of the box IMG_1278
– 2 – iPad portrait Menu OK Price Boxe OK IMG_1279
=> iPad Landscape => Menu and price box NOK
3- iPad Landscape Menu Not OK Price box Not OK IMG_1280
4- iPad Landscape Menu Not OK IMG_1281
I don’t have my iPad with me here, but if I remember well, in 1 of the case (portrait or landscape), the top home page sentence “L’Anglais s’apprend de façon naturelle et personnalisée” is going out of the box, or of its black background. Again, I’m not sure of this last point, but I think so.
Best regards.
JM
Hallo Rikard,
english is ok but my english ist not so good ;O)
The disabling of plugins None brought success .
The fault is present in each subject that I choose .
THEREFORE I suspect that the error in one of the WordPress – Files Is .
Presumably in the CSS ? I’m just not so affine to FIND this .
I have already everything Seated on top , without every several plugins , etc. But also because the error occurs before further .
Did you perhaps an idea what setting in the WordPress backend could be wrong?
I could also imagine that the plugin ” W3 Total Cache Edge ” to this debt . Had literate and found me that this is far from optimal for the development of new sites . Have plugin deactivated and deleted . But in the wp-config.php file , it appeared still on .
<? Php
/ ** Enable W3 Total Cache EdgeMode * /
define ( ‘ W3TC_EDGE_MODE ‘ , false); // Added by W3 Total Cache
// **
Can you help me?
Hi Vinnie,
thank you for your reply! This works great for the mobile view – just as intended.
Is there a way to horizontally and vertically center the logo for the desktop view of the site?
Cheers,
Hey Hello!
We have added the below css in custom CSS you need to add the page ID which is visible in the body tag to select or target any element on a single page :)
/*Hide top bar on single page*/
.page-id-1433 #header_meta {
display:none;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top.page-id-1433 #main {
padding-top: 117px!important;
}
Regards,
Vinay
-
This reply was modified 9 years, 11 months ago by
Vinay.
Hi!
Yes hope this will do the trick. We will keep this ticket open in case if you should have any issue related to this topic in future you can get in touch with us here.
Thank you for using Enfold!
Best regards,
Vinay
I have the top bar enabled on the site, and I want to hide/disable it on a single page. How can I do that?
Hi
But how can it be the normal behavior when its not possible to select a page from the dropdown?
Should the user just accept that? Your trick with the # is a good idea. But what is with the desktop users?
The right way should be: Hovering on desktop activates the dropdown; Clicking on touch devices should trigger the dropdown and another click should jump to the parent page.
Is there no way to find out if a user has a touch device or a desktop computer?
Thanks for your help
Hey Daniel,
I’m not sure to be honest, I’ll tag Kriesi for the topic so that he can chime in.
Thanks,
Rikard
Hi Andy
Thanks for your response. I checked it with the support-team from “Post Type Builder – WordPress Custom Post Types”.
They told me that this problem only occurs with the embedding of the schema.org from the enfold theme. So it wont work.
But i found another plugin that does my job, it’s custom post types UI. That one works perfect.
You can close the topic. Thanks
Sorry for the late response. It does not happen on a regular basis, but when it happens it feels like a server glitch that triggers a time-out/latency condition that kicks in, and returns a default page.
I have tested in 4 machines: two desktops and two phones. Please read here: https://kriesi.at/support/topic/links-on-main-menu-not-working/#post-600866 (the one not mention there is my MacBook with El Capitan and Safari).
But in all cases, I tested at home. I will move to another site, to test with my two devices.
Hi Phet,
Great, glad you found it. Please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi Basilis,
Sorry I might not have been clear. Was wondering if it’s possible to link to classes? So I can call .only_desktop from .third-logo in order to not write another @media query specific call. Does that make sense?
Ahoy –
I followed this thread https://kriesi.at/support/topic/logo-in-fullwidth-submenu/) to add a logo to my site and was wondering if there is a way to make the logo bigger and add some space on the left – so it isnt so tight to the edge?
Also is there a way to make the menu links bigger and a different font?
Hi!
Please use the below css. For the header use a transparent header in the page options.
NOTE: The below code is made to work on homepage if you like to use logo over slider on all pages remove “.home” from the below code.
/*logo size in mobile*/
@media only screen and (max-width: 767px) {
.responsive .home .logo img {
max-height: 125px!important;
}}
/*center logo*/
#top.home #wrap_all #header {
position: absolute!important;
top: 50%;
transform: translateY(-50%);
}
Cheers!
Vinay
Hi michael_world2cycle,
You can try pushing the sidebar down a bit with the following CSS:
#top #main .sidebar {
padding-top:180px !important;
}
Regards,
Rikard
Hi Nurmalso,
Could you provide us with a link to the site in question so that we can take a closer look please? I’ve tagged a german speaking moderator for the topic so you can keep communicating in german if you like.
Regards,
Rikard
Hi,
Thanks for the login details. I get the same error message as you posted previously so you will have to increase the WordPress memory limit: https://kriesi.at/support/topic/enfold-theme-construction-txt-file/#post-609057
Best regards,
Rikard
Fantastic! This worked PERFECT Ismael! Thank you!
Just one follow up question. Can I call another class like “only_desktop” <- using this from another thread, very handy > and somehow link it to the third logo here so it’s automatically hidden when the mobile/hamburger menu pops up?
I know I can do a separate @media call for that, but I’m wondering if I can just reuse the class that already does it. So basically, can I call a class from within another class?
Thanx Ismael,
Does it need to be in the core theme functions.php? Or can I just use it in my child functions.php? Because I tried the latter, and it didn’t quite work. I say “not quite” because, it looked like the PHP call at the top and bottom either didn’t need to be there or where inverted. So I deleted them to test that, and it actually worked . . . for a second, then it crashed WordPress (doh!). Luckily WPengine has great backup point management :)
Thoughts?
~ Michae1
Is there a way to make the product grid responsive? Right now, it only allows me to pick a certain number of columns and I chose 4. This looks good on my desktop but it squeezes the products and doesn’t look good on my iPad. On mobile it is fine because it changes to 1 column. Can it either be made responsive or have the column number change based on screen width?
Hi cptnem0!
Thank you for using Enfold.
1.) The default product page template doesn’t support sidebar in a conventional way. The sidebar is located underneath the product image. If you want to have a left or right sidebar, please follow the instructions here: https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220
2.) We updated the sidebar modification: https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220
Best regards,
Ismael
Hi!
Thank you for the info.
Instead of using a widget, please add this code in the functions.php file:
// additional logo
add_filter('avf_logo_subtext', 'avf_logo_addition');
function avf_logo_addition($sub) {
$sub .= "<a class='second-logo' href='#'><img src=' _IMAGE_URI_HERE_' /></a>";
$sub .= "<a class='third-logo' href='#'><img src=' _IMAGE_URI_HERE_' /></a>";
return $sub;
}
Adjust the image url. And use the following css code to adjust the position of the logo:
.second-logo {
position: absolute !important;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.third-logo {
position: absolute !important;
top: 0;
right: 0;
}
.logo {
width: 100%;
}
Best regards,
Ismael
Hi Michae1!
Thank you for using Enfold.
Please add this in the functions.php file:
// menu mobile
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
function a() {
var mh = $('#mobile-advanced').outerHeight() - 89,
mi = $('#mobile-advanced').find('.menu-item'),
mc = $(mi).length,
nh = mh / mc / 2 - 13;
$('#advanced_menu_toggle').bind('click', function() {
$(mi).find('a').css({
'padding-top' : nh,
'padding-bottom' : nh,
});
});
$('#advanced_menu_hide').bind('click', function() {
$(mi).find('a').removeAttr('style');
});
}
setTimeout(a(), 1000);
})(jQuery);
</script>
<?php
}
And the following css code in the Quick CSS field:
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
top: 40%;
}
Regards,
Ismael
Hi There, could not find solution in the forum for a few days.
have an issue :
while viewing website on the desk top everything is fine, but when on mobile device blank area appear between main menu and the blog post.
1. when using default layout
2. when advanced
Please let me know what i am missing and how to resolve the issue.
Thanks in advance
https://kriesi.at/support/topic/adding-social-profiles/ (this is the link to where you helped before)
Okay, I thought I saw what I was doing wrong but apparently not.
I tried to add more social profiles and I am having the same issue.
I went back to the Iconfont Manager to check the names and then to the functions.php to verify the names are spelled the same.
This is what I have now:
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘yelp’] = array( ‘font’ =>’yelp’, ‘icon’ => ‘ue800’);
$icons[‘foursquare’] = array( ‘font’ =>’foursquare’, ‘icon’ => ‘ue801’);
$icons[‘tripadvisor’] = array( ‘font’ =>’yelp’, ‘icon’ => ‘ue802’);
$icons[‘houzz’] = array( ‘font’ =>’houzz’, ‘icon’ => ‘ue808’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons[‘Yelp’] = ‘yelp’;
$icons[‘Foursquare’] = ‘foursquare’;
$icons[‘Tripadvisor’] = ‘tripadvisor’;
$icons[‘Houzz’] = ‘houzz’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
I can’t get Houzz and Tripadvisor to work. Yelp and Foursquare are working (the ones you did).
What am I missing?
Where should I be looking to make sure the spelling is a match, if that is what it is?
Thank you.
-
This topic was modified 9 years, 11 months ago by
Micheal0424.
Okay, I have spent hours trying to figure out what I am doing wrong.
I figured out how to add social profiles, I have them appear in the social bar with the others.
My issue is the yelp logo is not showing up. The space is there for it, you can click on it and it functions like it should.
This is what I have done so far:
Placed in functions.php:
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘yelp’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue800’);
$icons[‘foursquare’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue801’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons[‘Yelp’] = ‘yelp’;
$icons[‘Foursquare’] = ‘foursquare’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
Downloaded icons from http://fontello.com/ and installed in the theme using the import Iconfont Manager.
Went to social profiles and selected Yelp and input the url.
Thank you for your help.
Side note:
I added
#top #wrap_all .av-social-link-yelp a{background-color:#B4282E; color:#ffffff; }
Because I want the backgrounds to remain solid with the inner logo being white.