Hi,
not sure if I understand, but the mobile menu behaves the same way as on desktop. Go to Enfold->Header->Mobile Menu
and check “Hide Mobile Menu Submenu Items” if you want to hide your submenu on mobile.
Best regards,
Andy
Hey,
I can’t remember where I’ve seen something like that but if you’re masonry gallery is like this: http://kriesi.at/themes/enfold/portfolio/masonry-portfolio/ I think you can just add this css code to Quick CSS and it should center the text:
#top .av-masonry .av-inner-masonry-content {
align-items: center;
background: transparent;
display: flex !important;
justify-content: center;
height: 100%;
text-align: center;
width: 100%;
}
You might want to change a bit of that code to make it more backward compatible. Just let us know if it’s up and we’ll try to help you as long as it’s under our scope :)
Regards,
Nikko
Hi,
Can you please try adding following code to wp-config.php file near top?
define('CONCATENATE_SCRIPTS', false);
Best regards,
Yigit
Hi,
1.) Somehow you’re using this code:
#top .main_menu .menu > li:last-child > a {
padding-right: 13px !important;
}
Remove it or at least add this code to overwrite it:
#top .main_menu .menu > li:last-child > a {
padding-right: 0px !important;
}
2.) Try this code:
.html_header_right #top .av-main-nav ul ul {
top: 155px;
}
and adjust if needed.
Best regards,
Andy
I’m using Enfold and WooCommerce. My products are opening duplicate light boxes. The top one seems to be from WooCommerce, and the one under that is from Enfold. I need to eliminate the top one and keep the Enfold light box.
Can someone help?
Thank you!!
Hank
See the url in the private content. When I open this url in my browser, sometimes the section appears fully below the header but sometimes the section is even with the top of the window and hidden by the header or doesn’t scroll into view at all.
For example, if I load the URL directly, the section usually displays correctly. But if I load the home page (without the ID) and scroll up and down then paste the URL into the address bar and press enter, the page will refresh but it often doesn’t even scroll to the right section.
Any idea why?
Hi
Wordpress v4.7 installed and Enfold v3.8.3
When editing a page there is a javascript error (Uncaught TypeError: $(…).pointer is not a function(…) ) so a lot of functionality (including the page builder button) isn’t working.
The following thread suggest reinstalling WordPress, we have done this (also reinstalled Enfold).
Wordpress has been installed both from a one click installer and with the files uploaded via FTP manually and it is still not working.
No other plugins are installed.
What to do?
Hello,
Please help me, it’s very difficult to make the site with this problem !
What should I do ?
Thank you
Christophe
Hi,
let’s stick to one topic only here and feel free to open a new ticket for a new question/issue.
See private screenshot to check what I see when opening your about page. Everything looks fine to me. Not sure what you’re refering to in you screenshot. Shadow? Please highlight things, instead of showing the complete website. Otherwise no idea where to look at exactly.
Best regards,
Andy
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 480px) {
.title_container .main-title {
line-height: 30px;
margin-bottom: 10px;
}}
@media only screen and (max-width: 990px) and (min-width: 481px) {
.title_container .breadcrumb {
left: 50px;
top: 90%;
}}
Best regards,
Yigit
Hi,
I reopened it.
I found this: https://kriesi.at/support/topic/styling-events-calander/#post-501371
Hopefully it will help you!
Best regards,
Andy
Hi,
mein Code sollte genau dafür sorgen. Versuche es ebenfalls mit einem !important:
@media only screen and (max-width: 767px) {
.social_bookmarks_facebook a, .social_bookmarks_mail a {
color: black !important;
}
#top .av_header_transparency .phone-info {
color: black !important;
}}
Gruß,
Andy
Hey Enfolded,
this is not by default available, however try this solution: https://kriesi.at/support/topic/secondary-menu-to-include-a-search-bar/#post-192490
Best regards,
Andy
Hey billysbuddies,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 13px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi,
use this code inside Quick CSS field:
#advanced_menu_toggle, .responsive #top .cart_dropdown {
top: 94%;
left: 55%;
}
and adjust as needed.
Best regards,
Andy
Hi
I am using the enfold app demo as a template to good effect but notice that the image on the demo (and my site) does not appear in the left-hand 2:5 columns:
View on desktop and the images in the 2:5 columns appear and look amazing as they scroll.
But they are don’t appear on iPad (even iPad landscape)
Any Idea how I can fix this!
many thanks guys
Richard
Hey guys,
my customer want your mobile menu only 20″ width and without animation effects. I have already done this on a testing site – please see private content, also for wp access.
My Problems with the customized menu are:
1) Can`t get rid of the animations. Also not with the code-snippet you provide her: https://kriesi.at/support/topic/get-rid-of-bounce-in-left-to-right-right-to-left-animation
2) Can close the navigation only with the close button. Is it possible to close it when clicking anywhere outside?
3) Cannot displaying searchbox and socials in the navigation. A further Thread with the same question won´t help: https://kriesi.at/support/topic/search-box-and-social-icons-and-menu-on-mobile/
Please have a look! See private data
Hi, As parallax is not applied to mobile by default, i have changed it a bit using media queries.
.parallax1 div div {background-position-y: 175% !important;}
@media screen and (min-width: 0px) and (max-width: 992px) {
.parallax1 div div {background-position-x: 85% !important;}}
But on the second picture on my site the heads are cut of because its aligning at the bottom. (this is only on mobile and will not reproduce on desktop) Changing the vertical alignment in the page editor does not seem to work, and neither does
.parallax2 div div {background-position-y: /* ??? */ % !important;}
(parallax2 is the custom class) Any help? I’d like to align it to the top of the picture when parallax is not applied.
-
This topic was modified 9 years, 3 months ago by
Doubledog.
Hello!
I read the guide to add icons to my top header.
The CSS has been modified correctly, but I don’t see icons.
Could you help me? har for weeks that I try it but doesn’t works
Thank you
Elisa
Hey guys,
1. I try to edit the frontpage (homepage) of my site but can’t add text to the top section here: https://cl.ly/1y432I0J2L04
As you see in this image, the length of this text block in the builder is wider than other sections such as the code block below. Could you pls take a look and try adding any text to my homepage and see any success?
2. Not sure if it’s related to the above problem, but I try to create a new page but when I save the draft and try to preview, the headline doesn’t display in the preview. Please check out the draft page I called ‘Kriesi test’.
Thanks!
Ali
I’m building a custom page template with some custom ACF fields
I can easily add elements using “do_shortcode”, for example:
$gallery = '[av_partner columns="4" heading="" size="portfolio" border="av-border-deactivate"" type="slider" animation="slide" navigation="arrows" autoplay="false" interval="5" custom_class=""]';
foreach ( $image_ids as $image ) {
$gallery .= '[av_partner_logo id="' . $image . '" hover="" link="lightbox" linktitle="" link_target=""]';
}
$gallery .= '[/av_partner]';
echo do_shortcode( $gallery );
Works great and keeps my code clean.
However when I add a full-width slider or a full-width content section, strange things happen.
When I add these, several closing divs are added, which mess up my layout. The following divs get’s added:
</div>
</div>
</div>
<!-- close content main div -->
</div>
</div>
I have used the tempalte-builder.php as my custom page template, but I also tries with a full-width template which I downloaded from here: https://gist.github.com/DevinVinson/7540477
In both cases these divs are added.
Any solution for this?
Hi,
I modified avia-element-behavior.js and shortcodes.js as this topic says https://kriesi.at/support/topic/google-maps-7/#post-656457, and the map isn’t showing. I have cleared my browser cache and any caching plugin after changing the scripts.
What can I do?
This is the page http://www.fernans.es/
Thanks!
Hi,
Sorry for the delay, I checked many links above but none of them are working for me.
As I understand you have a button and when a user click that button link you need to show mailchip form in a popup correct?
1. You have a js code for mail chimp but it’s better if you work with the html mailchimp embed code. Try if you can get the html code form mailchimp account.
http://kb.mailchimp.com/lists/signup-forms/add-a-signup-form-to-your-website
2. Create a new page with just the mailchimp embed code hide the header and footer in page options.
3. Place a button on the page and in the options select the link to open in same page and link the page which contains only the mailchimp form
?iframe=true
to the end of the link in this format
http://site.com/page?iframe=true
Or
Give these plugin a try.
https://wordpress.org/plugins/popup-maker/
https://wordpress.org/support/topic/make-a-button-to-trigger-popup/
https://wordpress.org/plugins/anything-popup/
https://wordpress.org/plugins/onclick-show-popup/
http://wordpress.org/extend/plugins/onclick-popup/
http://wordpress.org/extend/plugins/onclick-show-popup/screenshots/
Hope one of these helps.
Best regards,
Vinay
Hi!
My bad. I forgot to remove the “.av-masonry-item-loaded” selector in the css declaration above. This selector is added to the masonry items, one at a time, so it creates a “delay” effect. Please try the code again.
.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}
.avia_sortable_active .isotope {
-webkit-transition: none;
transition: none;
}
Cheers!
Ismael
Hi!
1.) Please add this in the Quick CSS field.
.av_minimal_header #header_main_alternate {
border: none;
top: -40px;
}
2.) And this css code to create more space for the logo.
.av-main-nav li:nth-child(3) {
margin-right: 20vw;
}
.av-main-nav li:nth-child(4) {
margin-left: 5vw;
}
3.) Remove this css code.
.html_header_top.html_header_sticky #header {
position: fixed;
top: 50px;
}
And then add this.
.container.av-logo-container {
top: 25px;
}
Cheers!
Ismael
Hey k112098!
Thank you for using Enfold.
You have to create a container for the gravity form and then open it as an “inline” object for the lightbox. Example here:
// https://kriesi.at/support/topic/modal-button/#post-605180
// http://dimsemenov.com/plugins/magnific-popup/documentation.html#inline-type
Cheers!
Ismael
Hey esliran,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
right: auto !important;
left: 15% !important;
}
}
Best regards,
Rikard
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard