Hi Ismael,
I checked in on a tablet (landscape screen) and also on a various devices (pc, laptop) with screensizes 1024 x 768 px and 1024 x 600 px, and it shows everywhere where the screen height is under 786 px.
I think your solution means to show the top header already for all screensizes up to and inclusive 1024 px width? However that cannot be the intention of using a left sidebar layout… Then it would be better to go for the ‘normal’ header on top. But that is not what the client wants.
Therefore your idea is not a solution to this problem I’m afraid.
Can we solve this issue for the left sidebar layout or not?
Regards,
Monique
Hi Ismael,
ja sorry yes. After removing the testimonial object the site is working way better. There’s still an issue with revolution slider, as the script stops the slides, even as they are set to loop indefinite …
Regards,
Boris
Hi Steven!
Thank you for using Enfold.
Please avoid replying to your own thread because it will bump the thread back at the very end of the queue and we won’t be able to answer it immediately. https://kriesi.at/support/topic/enfold-mega-menu-styling-problems/
Cheers!
Ismael
Hey!
Sorry i missed that you had provided the info earlier… We have added the below code to quick css please review the site now.
#top #header_main > .container .main_menu ul:first-child > li.menu-item > a{
height: 100px!important;
line-height: 100px!important;
}
Regards,
Vinay Kashyap
Hi!
To keep the logo same size and add paddings to the header please try this code in the quick css.
/*Header padding*/
.container_wrap.container_wrap_logo {
padding-top: 50px!important;
padding-bottom: 50px!important;
}
Regards,
Vinay Kashyap
Hi!
The theme has a basic schema markup which is sufficient enough for basic setups (blog) but, unfortunately, it cannot cover specialty websites which requires complex data snippets (ex: recipe, movies etc). On the other hand, the theme contains filters such as the “avf_markup_helper_attributes” that you can use to modify the theme’s basic markup. Example: https://kriesi.at/support/topic/error-structured-data/#post-511934
The schema markup is located in the includes > helper-markup.php file.
Best regards,
Ismael
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
.page-id-11724 .avia-builder-el-51 .avia-animated-number-content {
padding-top: 3px !important;
}
Thanks,
Rikard
Hey!
Did you test this on an actual device? I don’t think you will be able to see this on an actual mobile device because the theme uses standard css media queries to change the layout on mobile devices. If you want, you can force the header to switch earlier. Add this in the Quick CSS field:
@media only screen and (max-width: 1024px) {
.responsive #top #wrap_all #header {
position: relative;
width: 100%;
float: none;
height: auto;
margin: 0 !important;
opacity: 1;
}
.responsive #top #wrap_all .container {
width: 85%;
max-width: 85%;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
float: none;
}
.container #advanced_menu_toggle, #advanced_menu_hide {
display: block;
}
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
display: none;
}
}
Regards,
Ismael
Hey a3brown4!
Please add the following code, to your CSS
#top #header_main_alternate {
height: 80px !important;
padding-top: 15px
}
let us know if that works for you, as per your requirements.
Cheers!
Basilis
Hi Tom,
I’m not sure if I’ve understood your question correct or not but I think you are looking for the Template function? You can find it on the top right of the Layout Builder box. If that is not what you’re looking for then please try to explain a bit further.
Thanks,
Rikard
Hi,
Ok, please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi,
Great, please let us know if you should need any more help on the topic.
Regards,
Rikard
Hello,
I add another but similar question about blog meta elements.
I do not want to show blog meta element Blog Post Category and Blog Post Author.
So I unchecked them in Blog meta elements options and it works great but only for a post (a single) not for the category and archive page.
How do I delete these elements?
I’ve added below code which I found other guy asked you same question. But the code doesn’t work for my category and archive pages.
(https://kriesi.at/support/topic/showhide-blog-meta-elements-works-only-is-a-single/)
.blog-author, .text-sep-cat, .blog-categories, .text-sep-comment {
display: none !important;
}
Hi,
Ok, thanks for the feedback. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Ok, I got the site backed up locally. The other thing I noticed was that when the conditional logic plugin is enabled, the countdown timer at the top stops working as well. Not sure why that is… :/
FYI, on the Mac side, Bitnami Mamp Stacks is where it’s at. Simple PHP(PHPMyadmin), Apache & Mysql setup in two clicks. Created the db, imported the modified exported sql, updated config and dumped the files in a directory.
Pretty straight forward, would highly recommend it. Can run multiple sites simultaneously and whatnot.
What do I need to do to get in touch with Enfold support at this point? I’d prefer not to nuke the live site if at all possible. But having a local backup live and running does make things a lot easier should anything go awry.
Even if I decrease logo size, it still will be touching upper border. If I add:
.logo {
padding-top: 10px;
}
Then when I scroll down, bottom portion of logo will be cut by 10px
Hello!
I have a client that loves her site, but complains about WooCommerce being a bit cumbersome and time consuming to upload her products to. I am in the process of making a second store for her, and would like to give her a few options for eCom if possible. Are there other plugin platforms that are compatible for use with Enfold? I tried doing a search on the topic, but came back with inconclusive answers.
Thanks in advance for any help! Keep up the good work!
Hi support,
I am using a child theme for Enfold and I’m having some issues with a few elements that automatically get grouped together in the lightbox overlay that I need to keep from being in the same group.
The first issue is with the full width slider element and its caption buttons. I need a way to keep the buttons for each slide to only opening up a group for their own slide and not include all the button image links from the entire slider (all slide caption buttons).
The second issue is with a page that includes multiple “button” shortcodes of floor plan images that are broken up into different sections within the page layout builder. As they are floor plans specific to certain house styles I need to keep them separate in the lightbox. However, clicking on any of the floor plan buttons, the lightbox overlay loads all the buttons’ floor plan images for the whole page.
So, I was wondering if there was a way to avoid this by possibly disabling the automatically added lightbox effect for these items via a jquery selector that targets the elements and either disable then re-enable them with a custom rel attribute or if I can somehow add a custom rel selector to force them into a group.
I’ve tried a few methods based on feedback on other Enfold forum topics but nothing seems to be working and the default behavior overrides my custom rel attributes every time. Specifically, via a custom javascript file, I’ve tried adding the noLightbox class to the items and they still trigger the lightbox and I’ve also tried adding custom rel attributes to the different groups and the lightbox overlay continues to load all the items.
Thanks for your help.
Hey,
Try the following, open js/shortcodes.js and look for this block:
function trigger_default_open(hash)
{
if(!hash && window.location.hash) hash = window.location.hash;
if(!hash) return;
var open = heading.filter('[data-fake-id="'+hash+'"]');
if(open.length)
{
if(!open.is('.activeTitle')) open.trigger('click');
window.scrollTo(0, container.offset().top - 70);
}
}
Change it to:
function trigger_default_open(hash)
{
if(!hash && window.location.hash) hash = window.location.hash;
if(!hash) return;
var open = heading.filter('[data-fake-id="'+hash+'"]');
if(open.length)
{
if(!open.is('.activeTitle')) open.trigger('click');
window.scrollTo(0, open.offset().top - 160);
}
}
Best regards,
Josue
Hi Yigit,
I think I did not explain it correctly. Please allow me to elaborate…
We do not want to turn the transparent menu opacity to zero. We simply require the animation effect change.
Currently we have this:
Transparent menu is there, when you start to scroll down, the transparent menu gains the background white color and becomes sticky menu.
Can we achieve following?
Transparent menu is there, when we scroll, transparent menu scrolls out of the page with the header. Sticky menu then slides in from top after the header color section is out of the screen.
Herewith I have included an example of a website.
Hi Yigit-
That code actually changes the background color on the desktop version, and only changes the text background color, not the entire wrapper section.
HI. I need to change the breadcrumb navigation for a WooCommerce store in Enfold – we have set up unique product display pages using Advanced Template Editor which lead direct to individual product pages. I now need the breadcrumb navigation to stop using the Product Categories and reflect the new Page hierarchy. How do I do that?
I’ve embedded a device that pulls through concert information in to a code block. Looks fine on a desktop site, but on a mobile, it’s the only element not to resize for the screen.
This means about half of it is sized off the screen and there’s no way to move the screen to see it.
Help!
Website in the private comments.
Thanks :)
Hi Chris_85!
Please take a look how you can change the size
https://kriesi.at/support/topic/changing-the-sidebar-width-and-keeping-it-responsive/
now i you want to do it with the builder, create teh layout, use the sidebars at one side and the blog element to the other one.
Regards,
Basilis
Estoy definiendo las entradas con Formato Enlace, y seleccionando “Abrir en enlace una pestaña nueva”, sin embargo me abre en la misma Pestaña…
..basicamente es lo mismo que me pasaba en este otro post:
https://kriesi.at/support/topic/problemas-con-links-a-pestana-nueva/
Solamente que esta vez los documentos apuntan a documentos alojados en la biblioteca de Medios.
Alguna linea para agregar al actual código de Function.php o simplemente se soluciona subiendo los archivos a una carpeta aparte mediante un cliente FTP…?
-
This topic was modified 9 years, 12 months ago by
Yigit.
Hey lukeskybaker!
Yes, it is possible and you can style them any way u want.
Please take a look here:
https://kriesi.at/support/topic/columns-within-columns/
Thanks a loy for your time and patience
Regards,
Basilis
On any phone it occurs, and when you resize your browser on a desktop to fit into different media query sizes. There is also the phone number showing up in a larger text and color, and I need it to be the same as the other options on the menu.
Was just trying to edit the home page of the construction demo – the top slider.
There seems to be a bug in being able to save new images added to the slider or changed images in the slider frames already there.
It won’t allow me to save anything. It’s adds new slides, but doesn’t save any images.
Hi vnfan!
Thanks for reaching out to us!
Try the following CSS code:
.html_header_top .header_color .main_menu ul:first-child >li > ul {
border-top: none !important;
}
Add it to the Quick CSS field under the General Styling tab in the theme options.
Best regards,
Jordan