Hi lzevon,
That would be hard to achieve unfortunately, one option you could try would be to create a second section which will only show for mobile devices, and use an image better adapted to small screens. You can then use CSS like this to hide/show the correct section:
@media only screen and (max-width: 767px) {
#desktop-section {
display:none !important;
}
}
@media only screen and (min-width: 768px) {
#mobile-section {
display:none !important;
}
}
Best regards,
Rikard
Hi,
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Best regards,
Ismael
Hi,
Thank you for using Enfold.
I’m sorry but the masonry element can only filter post items from a certain category. There’s a workaround provided in another thread but I don’t think we can implement it in the masonry element: https://theeventscalendar.com/support/forums/topic%2Fevents-list-widget-showing-events-that-have-already-started/#post-767202
Best regards,
Ismael
Hi,
Also, when you use the menu to get to a category, some of those show up as 95% width some are showing up as 100%. I want the pages to show at 100% but any posts to show at 95 or even 90%. Can that be done? See below…
The category page looks broken. Did you modify the archive template files?
ALSO! The SEARCH (magnifying glass) isn’t even showing on mobiles! How do I change this?
The search icon is hidden by default. If you want to enable it on mobile, please follow the instructions here: https://kriesi.at/support/topic/search-icon-on-mobile-devices/#post-589759
Best regards,
Ismael
Hi I’m using default layout of theme Enfold but I would like to use 2 buttons on carousel to point on two different pages, something like this http://kriesi.at/themes/enfold-shop/ But I’m not able to see any option with full width easy slider to create buttons with call to action on top of slider. any help on this will be appreciated.
If there is any documentation to create two buttons on carousel will be helpful.
Thanks!
Hey Yigit,
Thanks for the quick response and the great CSS :)
Just what I need.
I just need to put a little more top-margin on the flags so they line up with the social buttons and I’ll be done.
I reckon I can work that out.
Thanks a lot for your help.
Cheers,
Mike
Hey!
Then your code will be
function custom_class_link(){
?>
<script>
jQuery(window).load(function(){
jQuery('.notdesktop a').addClass('popup-login');
});
</script>
<?php
}
add_action('wp_footer', 'custom_class_link');
:)
Cheers!
Yigit
Hey claraelisa,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-section {
border-top: none;
}
Best regards,
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.av-main-nav > li > a {
line-height: 60px!important;
height: 60px!important;
}
.header-scrolled .av-main-nav > li > a {
top: 0;
}
.av-main-nav > li > a {
top: 30px;
position: relative;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi Ismael. I don’t think you have read properly what I am trying to do and what has worked and what needs fixing? I will try to explain again…
I have a large menu as you will see on the link I provided. Too large for good mobile navigation, so I have selected ‘Hide Mobile Submenu Items’ so that it uses the simplified accordian for the mobile menu. However, this means the top level menu items that have submenus are not clickable, and my client would like them to be. So I tried the fix suggested on here – adding another submenu item to the top of all the submenus that is hidden on desktop, visible on mobile, that links to the top level page.
This has worked well for me on all the plain sub menus, but the products submenu is a multi column ‘mega menu’, and for some reason the extra sub menu item in that mega menu is showing up on desktop instead of being hidden. How can I fix this?
Hello again,
The image url was in the footer, and in the css too…. The problem is that being in the footer, is always visible, even when scrolling is not necessary. If I remove the “footer image code”, I do not see the image.
I need to work exactly like the default theme enfold the “scroll to top”
I copy for private all the code I modified
Thanks a lot and best regards
Hi,
thank you for the reply, i tried the code, but sorry, it is not working. On the second (lower picutre) in the second column, therer was already a custon css-class: padding-top:2% (for the space between the tow pictues)
Have look at the result without this 2% padding-top at link 1. It’s also not working, if i use the 2% padding-top.
Is there a possibility, to solve this problem with a grid row (link 2)? I don’t know how to add the spaces between the picutes.
Thank you again for your great help,
When viewing my web site:
http://www.abramsclaghorn.com
On the iPad in landscape mode, the “Home” menu item appears on top of the company logo. The logo is located on the left-hand side of the menus.
Is there a fix for this?
David
Hi sarutty!
I am sorry, but we do not offer compatibility with third party plugins support.
The author should solve it from his side, if he wants his plugin to be complatible with one of the top themes :_)
Please let us now if we can do anything related to our theme, we would be happy to assist.
Cheers!
Basilis
Hello!
As the headline rotates between quotes, depending on the size of the quote and how many lines it occupies, it’ll shift all the page contents beneath it up and down. Is there anyway to prevent this from happening? To self contain the headline rotator so that it doesn’t shift everything beneath it?
Please take a look at the headline rotator at the top of my linked page so you can see exactly what I mean.
Thanks in advance!
Nabil
I got rid of the bouncing menu! I registered a similar font to futura condensed (cabin condensed) using the function you recommended, then used this in my child theme css:
#top #header .av-main-nav > li > a {
color: #000;
font-weight: 700;
font-family: ‘Cabin Condensed’, sans-serif !important;
font-size: 1.2em !important;
letter-spacing: -0.05em;
padding: 0 8px;
height: 24px !important;
line-height: 24px !important;
margin: 46px 0 6px 0;
}
Works!
Thanks!
Hi, I’ve never noticed this being an issue before but if you go here: http://evoxbraintest.com (this site is gated and login credentials sent in Private) you will notice the menu items with a submenu has a white bar above the submenu box. This bar seems super wide for some reason. Or is this normal?

Thanks,
Slade
Sorry im not so familiar with jquery sadly.
So, if the custom class i added the the fullscreen slider is “notdesktop” how will i modify this code?
Hi Yigit,
Thanks, I tried that and was able to add more fonts, but that doesn’t work for us.
We need a different font and font size in the main nav menu than the other headings. The only setting I see in enfold for heading fonts also changes my nav menu. There does not seem to be a setting for fonts for just the nav menus, unless I’m missing something.
I have been playing around in uploads/dynamic_avia/enfold_bbbs.css trying to see how that works, and not getting anywhere.
How can I apply one font and font size to the nav menus, and another to all other h2 headings?
This is in my child theme — and it works just as I want, except for the size bounce:
#top #wrap_all #header .av-main-nav > li > a {
color: #000;
font-weight: bold;
font-family: ‘futura-pt-condensed’, sans-serif !important;
font-size: 22px !important;
}
And this is in the dynamic css:
#top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul{color:#660099;}#top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2{color:#660099;font-size:28px;line-height:1.2em;font-weight:bold;text-transform:uppercase;}#top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul{background-color: #8f23b3;}#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info{color: #fff;}#top #header .av-main-nav > li {font-family: Raleway;}#top #header .av-main-nav > li > a{color:#1e1f2e;font-size:22px;font-family:’Raleway’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;}#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext{color: #1e1f2e;}
Below is a response you guys gave at the top of this discussion, I can’t begin to build this as I don’t know where the insta widget is located. Please advise, I’m trying to build this same type of full-width instagram section and don’t know where to start, even after reading through these answers, thank you.
“The current structure will not allow you to do it easily… Please use a color section and insert the insta widget inside it then we can provide you custom css to make it full width.
-Vinay”
Thank you Yigit,
yes i have figure it out already ( in fact i have asked for it in a reply in a later topic – #648953 – and got the answer today : apparently there was a problem of mix columns in color section and just 1,2,3 simple columns : support advise me to put all elements in color section.
Hi @Xperten;
This topic of the Enfold Documentation may help you.
Hi,
I would like to have a different logo and link on a single page. I added this code in functions.php which seems to work:
add_filter(‘avf_logo’,’av_change_logo’);
function av_change_logo($logo)
{
if(is_page(72344)) {
$logo = “http://www.vuelio.com/uk/wp-content/uploads/2016/06/2016-Blog-Awards-Trophy-Design.png”;
}
return $logo;
}
add_filter(‘avf_logo_link’,’av_change_logo_link’);
function av_change_logo_link($link)
{
if(is_page(72344)){
$link = “http://www.vuelio.com/uk/blog-awards/”;
}
return $link;
}
However the logo on this specific page is larger than the logo on the rest of the site and square shaped so I would like to increase the height of the header containing the logo and the main menu (only on this page) while also keeping the main menu centered vertically within this new space.
This square shaped logo also doesn’t look good when scrolling down with the sticky header active. Is it possible to deactivate the sticky header on this page alone?
Finally, on the same one page, is it possible to deactivate the top bar containing the secondary menu?
I hope you will be able to help with the 3 issues above.
Thanks,
Flavius
Hey!
You should set your page to display transparent header as Ismael suggested
Regards,
Yigit
Hi!
You have following custom CSS code
#top .main_menu ul.menu li:hover {
background-color: rgba(255,255,255,1);
}
Seems like in CSSHero. Please remove it
Regards,
Yigit
So that I can comply with Google’s heavy-handed guidelines, I need to be able to selectively add the rel=”nofollow” attribute to all my Promo Boxes and Buttons.
Below, I’ve included links to example pages where I use the Promo Box and Buttons quite judiciously. They all need a rel=”nofollow” link added:
Promo Boxes: http://www.guitaranswerguy.com/11-jamplay-walkthrough/
Buttons: http://www.guitaranswerguy.com/guitar-resources/
I’m comfortable writing and modifying a little code, if necessary.
Thanks!
p.s. – I tried this solution: https://kriesi.at/support/topic/add-relnofollow-on-button-links/ but it puts the “nofollow” on the outer <div> tag, whereas I need it within the actual HREF tag.
Hello Enfold Support Team,
Sorry, this won’t be a quick, easy one.
I tagged onto another thread yesterday (https://kriesi.at/support/topic/enfold-mailchimp-signup-component-caches-entries/#post-648923 but remember you telling us to start our own threads with problems, so that’s what I’m doing.
The mailchimp integration on my website is not working (see below), and I’m offering to provide you admin login credentials to my staging site as well as login credentials to my Mailchimp account so you can try to figure out what’s going on. From other threads, it appears several others are having this issue (and I’m guessing far more).
Here’s a recap of the issue:
“I just tried setting up Mailchimp for the first time today. The first time I entered the subscription info in the box using the widget, it seemed like it was working, but I never received a confirmation email of my subscription, and that email address never showed up in my Mailchimp mailing list. So I tried again and got the message that I was already subscribed. I then turned “capcha notification” off in Mailchimp settings thinking maybe the capcha was causing an issue, but I kept getting the same message.
I then created a new API key and loaded that into Enfold, thinking that might reset things. Still the same error. The regular Mailchimp URL to add to my mailing list works fine so this is DEFINITELY an issue with Enfold and not Mailchimp…they are not going to provide any support since their forms work fine.
I really want this to work as the theme integration looks great and is critical. Can you guys take another look at this since multiple users are having this exact same issue?”
My my staging site, I have set up the Mailchimp widget for you guys to play with. It’s on this page:
http://82a.889.myftpupload.com/marin-real-estate-blog/
and it’s labeled “Enfold Mailchimp Signup Test” in the top right of the sidebar on the blog.
I have included all the login credentials in the private content. I am hoping a brave soul on your team decides to tackle this and can figure out why this important Enfold function is not working for me and several others.
Thank you!!!!
Rob (for Thomas)
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header .av-main-nav > li.av-language-switch-item:hover > a {
background: transparent;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit