Hi Morten,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top #main .sidebar.smartphones_sidebar_active {
display: inline-block !important;
border-right: 1px solid #ddd !important;
width: 25% !important;
}
}
Thanks,
Rikard
Hey!
Add this to your custom CSS.
#top .av_header_transparency .avia-menu-fx {
bottom: 22%;
width: 100% !important;
left: 0% !important;
}
Regards,
Elliott
@dilge
add this to your css
#top .av-subnav-menu>li>a:focus {
background: transparent;
color: #FFFFFF;
}
#top .av-subnav-menu > li > a:hover, #top .av-subnav-menu > li.active > a {
background: #000000;
color: #fffff;
}
Hi KarenRushforth,
Since autoplay is disabled for mobile device you will see that when the video is hosted with Youtube, please try to set a fallback image for the section instead.
Thanks,
Rikard
I use the testimonial sliders on my site. They’ve been working before, but stopped working after the update to Enfold 3.4.7.
I’ve determined that the testimonial grid style works, just not either of the sliders (large, compact). The testimonial content is in the HTML, and the arrows (next, previous) show, but it’s just blank in the middle.
I also see this javascript error when clicking the next error: “Uncaught TypeError: Cannot read property ‘destroy’ of undefined” in shortcodes.js in the function “_stopSlideshow”. I’m assuming that has something to do with it.
I’ve already tried replacing the enfold theme using FTP with no change. I’m using WordPress 4.4.2.
Thanks
Hi, I’ve read all the threads on this topic, but I still don’t understand how to create a video post that puts the video in the featured image spot on the blog. What am I missing here? I’ve tried using both the default post box (putting the video link as my first line of code) and also using the advanced layout editor and adding a video box at the very top.
PLEASE HELP! I’m a huge Enfold fan. I need your help.
Hi!
Perhaps you have a typo somewhere in your custom CSS. Add it to the very top of the Quick CSS option in the Enfold settings.
Cheers!
Elliott
I want to add a static image to the top of every posts.
I was going to add the img tag into the single.php
Ignore the breadcrumbs for now
Hi Vincent!
Not really sure what you mean by adding a header to the posts. Highlight in your screenshot exactly what your trying to do so we can get a better idea.
For the breadcrumbs you could try this out, https://kriesi.at/support/topic/transparent-header-layout-issues/#post-544853, to make a shortcode version of them.
Best regards,
Elliott
Hey all,
Great theme, loving it – but I do currently have an issue with the mobile version of tables. Did a quick search on the forums and didn’t find a similar issue, but I may have missed something. At any rate, the table looks fine on a wide screen, but when viewed on a mobile device or you shrink the browser width on a desktop, css seems to get added to the cell titles of my table. Below are a couple of images showing what I mean.
Bad table (Mobile): http://imageshack.com/a/img922/6465/wT6Ttp.png
Happy table (Desktop): http://imageshack.com/a/img924/4041/sQkcSU.png
I’m running Enfold 3.4.7
Wordpress 4.4.2
Total of 8 plugins, none have to do with tables, but I should be able to disable them temporarily if you think they are the issue (ie there’s a backup plugin, visual form builder pro, etc)
Inspecting the css, it looks like the cell title is coming from a ::before selector. Inspecting the ::before shows content:”<span style=\”color:#35679A\”>College/University”
In practice, the content should only be “College/University”, right? I created this table through Enfold, it is not a custom table or a table made with a WYSIWYG editor.
If you have questions please let me know, thanks in advance –
~Joseph
Hello,
Thanks for creating a great theme!
I am encountering the same problem as these other threads:
https://kriesi.at/support/topic/background-image-fixed-parallax-disables-portfolio-grid-links-on-mobile/ (#238398)
https://kriesi.at/support/topic/mobile-problem/ (#243589)
Specifically, some of the links that work fine on desktop do not work on my Android device or on my iPad. And the ones that don’t work are different on the two mobile devices. I’m using version 3.4.7 of Enfold and WP 4.4.2. I have several background images set to FIXED and PARALLAX. When I change all the background images on the page to SCROLL rather than FIXED or PARALLAX, the problem goes away.
I tried each of the three css modifications suggested is the above threads, with no luck:
.avia_mobile #top .av-parallax-section{z-index: 0;}
.image-overlay {
display: none !important;
}
@media all and (max-width: 989px) {
.avia-section {
background-attachment: scroll !important;
}
}
Is there another fix for this?
Thank you!
-
This topic was modified 10 years, 2 months ago by
cdav77.
Hi,
On the mobile version of my site on the about page, the text I have over the slider is cut off.
Again this is only on the about page, and it’s fine on the desktop site.
I appreciate your help.
Hi Yigit,
I’m reopening this topic as I have expanded the question. I’ve created a set of horizontal tabs that work fine. See here: http://www.voicecarrier.com/features_2
Now I’d like to add more tabs along the left side, vertically. So, there would be the row of 9 “buttons”(i.e., tabs) across the top that displays their respective content, as well as the 3 “buttons” along the left with each of their respective content. Clicking on each one displays a different set of icons.
How would you suggest doing this? I though of using a sidebar for the 3 verticals, but I’d like to keep everything in the same container without new page loads. I’m not wedded to using tabs either. A plugin or different element is fine.
I’ve attempted to show the desired layout here:
| Business Features | Call Management | Conference+Collaboration | Support+ Security | ….
—
All
—
Standard
—
Premium
*Thanks!!*
Hey Elliot,
that sounds nice, but apparently there are these little spacing lines between the horizontalt icons. If I put your code into quick CSS, the left margin actually is 20 px, but the icons are “glued” to these spacing lines on the right.
Can the icons be centered within these spacings?
Still with your code snippet, Google Page Speed complains the icons are still too close together in mobile view:

Hi,
I really would like to reproduce the Top Picture and The Checker Board type of explanation from next demo page (ABOUT page!):
http://kriesi.at/themes/enfold-shop/about/
I found following post with the shortcodes in https://kriesi.at/support/topic/enfold-shop-demo-about-page/#post-445226, but I have no idea how to work with these shortcodes. Where can I actually find them on my page, and where can I find the translation of those codes to elements of the layout builder.
1) I would like to know how the top picture was done with the rolling text, and how you can make it fullscreen.
2) I would like to know how this checker board pattern was made with text and pictures
I would like to achieve this by using the builder in the backend. But I also would like to know where I can find those shortcodes.
Kind regards,
Luc
Hi strila!
Please take a look at the topic here:
https://kriesi.at/support/topic/top-navigation-current-menu-item-and-hover-underlines/
which will guide you on what CSS needed and how to solve that issue!
Thanks a lot
Regards,
Basilis
Hi Andy,
sorry, für die späte Meldung, habe lange ausprobiert. Habe die Webseite nicht Online, sondern zu Hause auf dem Rechner.
Nochmals die Frage, ist doch einfach zu verstehen, bzw. gib mal weiter an einen der deutsch kann, oder?
ich habe von den Enfold Demos die neue Landingpage importiert, in mein Child Theme.
Ich möchte diese Farbe ändern: background-color: #e5ca9d;
Firebug findet die Farbe hier:
#top .avia_pricing_minimal .pricing-table > li {
border: medium none;
}
.main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra {
background-color: #e5ca9d;
border-color: #f6dbae;
color: #ffffff;
}
Kopiere ich die Änderung in mein Child Theme, in die wp-content/themes/enfold-child/style.css
dann ändert sich nichts, auch mit !important; nicht.
Warum?
Die Originaldatei soll sich in wp content/uploads/dynamic_avia/enfold_child.css befinden
Alle meine Editoren bleiben jedoch hängen und laden nur den Anfang der Datei.
Wie ändere ich die Farbe?
l.G. hgx
Hi!
As I understand you like to open a custom login form in a pop up or a modal correct?
Please refer to Ismale’s post here https://kriesi.at/support/topic/contact-form-in-pop-up-prettyphoto-issue/
Please use a child theme to avoid losing the changes you made on functions.php file –
http://kriesi.at/documentation/enfold/using-a-child-theme/
Cheers!
Vinay
-
This reply was modified 10 years, 2 months ago by
Vinay.
Hi there,
I’ve tried using this code that Yigit gave me awhile back and placing it in my child theme – but it doesn’t seem to stop the side navigation blocks showing up categories outside the category of posts I want displayed. Please can you have a look?
add_filter(‘avia_post_nav_settings’,’avia_same_category_filter’, 10, 1);
function avia_same_category_filter($settings)
{
$settings[‘same_category’] = true;
return $settings;
}
Also, how do you change the colour of the side blocks? They’re too light at the moment.
Thanks
This is my problem by using “background-size: contain” and “background-position: center center”:

As you can see, the round wordpress logo is behind the header by using my color-section-id at quick-css. What is the best way to solve the problem? The best would be a image which is placed below the header with “background-size: contain” included. Later I would use a background-image as a watermark which has a opasity of 10%. So, a transparency header would be a worse stopgap for me.
Cheers
Kai
-
This reply was modified 10 years, 2 months ago by
Kai.
Hi Kriesi team,
any news on the topic above? Thank you in advance!
Warm regards,
Meike
Thank you so much! That’s exactly what I need!
Appreciate your patience and help, Yigit! You may close this topic now.
Cheers
Steve
Hi nvictory!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .content .flex_column .widget_nav_menu li a {
padding: 0.3em 3px;
}
#top .content .flex_column .widget_nav_menu li {
border: none!important;
}
Regards,
Yigit
Hi!
Please change the code to following one
.gfield_required {
color: orange!important;
}
.gform_wrapper label {
color: white;
}
#top .gform_wrapper input, #top .gform_wrapper select {
background: transparent!important;
border: 2px solid white!important;
color: white !important;
}
Regards,
Yigit
Thank you Ismael, that worked perfectly!
Is there a way I can do the same thing with my fullscreen slider at the top of my homepage in landscape mode only so the heads on the image don’t get cut off by the header? Thanks!
Yigit,
thank you for the quick response. At this point I would rather complety remove from the MOBILE version the social media from the top so the logo aligns in the middle instead of being pushed to the left. What do I have to do in order to obtain that result?
Thanks
Monica
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.gfield_required {
color: orange!important;
}
.gform_wrapper label {
color: white;
}
#top .gform_wrapper input, #top .gform_wrapper select {
background: transparent!important;
border: 2px solid white!important;
color: white;
}
Cheers!
Yigit
Hi jesseaborden!
Please add following code to Quick CSS as well
#top .social_bookmarks li {
width: 50px;
height: 50px;
}
#top .social_bookmarks a {
line-height: 50px!important;
}
#top .social_bookmarks {
height: 50px;
}
Cheers!
Yigit
This is the code. http://pastebin.com/nmF1AZHq
I don’t think it is due to unclosed tags. the code worked for 2 months in CODE BLOCK and suddenly stopped work? And it works again in TEXT BLOCK? I don’t see the point. Could it be related to hosting somehow?
Martin