Forum Replies Created
-
Posts
-
This is exactly the same problem I have been having. It all worked perfectly on the previous version of Enfold. It also works fine on the default WordPress theme. Zen Menu logic is the solution previously suggested on Enfold forums for creating custom menus on specific pages. Do you think we will get a work around or permanent solution?
Hi Yigit,
Aaaahhh :(
Ok cool. I thought so.
Will eagerly await for the update.Have a great weekend :)
Hi John,
I have used this bit of CSS on a previous site with the old burger menu set as the main desktop menu (before the burger began to be used as the new mobile menu):
/* to style the active burger menu item */ .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: #12d80c !important; }I have tried this on the new burger menu (mobile only) but it doesn’t seem to work. I then tried this:
/* to style the active burger menu item */ @media screen and (max-width: 480px) { #av-burger-menu-ul:first-child > li.current-menu-item > a, #av-burger-menu-ul:first-child > li.current_page_item > a { color: #12d80c !important; } }Still not working. Please could you kindly assist.
Thank you.
Yes! But then it does not show the menu I want on the “portrait photography” pages, which is why Zen Menu is being used. If Zen is disabled, the menu selected for main menu shows on all pages for the mobile menu.
I need to show a different menu on some pages, Zen Menu Logic is the plugin reccomended for that in your forums, and this has worked before on other sites I have made on earlier versions of Enfold. Just not working this time, mobile menu does not show on the pages when Zen is used to display the other menu.Hi Jordan,
I have subsequently changed the page layout which removes this issue.
If the client gets back to me and wants the old layout with the issue I mentioned then I will open a new thread.
So sorry for the inconvenience.
Have a great day :)
Hi Sarah,
That’s perfect!
Thank you so, so much for your help. I really appreciate it :)
Have a great day.
Hi Sarah,
Thanks so much! It works perfectly. The explanation is also SUPER helpful :)
One last thing: I would like to disable the same stuff on the Payroll page dot icons I have used as bullets but if I do then the transform: rotate(45deg) CSS I use for those icons doesn’t take effect.
Any ideas?
Thanks.
Hi Jordan,
Still not working.
Is the syntax correct?.post-entry-799 .avia_transform .av_font_icon, .post-entry-799 .avia_transform .avia_start_delayed_animation.av_font_icon { opacity: 1 !important; -moz-transform: scale(1) !important; -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; -webkit-animation: none; -moz-animation: none; -msanimation: none; animation: none; }I have Custom Classes enabled so I could give this element a custom class? If you could then provide the syntax I would need for that.
Thanks.
Hi Rikard,
Ok. I will try wrapping them in color sections in future.
Sorry about the 404. The page went live yesterday so the URL changed.
I have added 2 pages for you to compare the socket issue on.
The About page has the social icons spaced with the default Enfold CSS. It has ignored my custom CSS.
The Contact page has my custom CSS so that they are more spaced out.It seems to only affect the About page.
Thanks.
Hi Rikard,
Thanks for that. Both bits of CSS work.
I would like to know why it’s happening? What element or configuration of elements is causing this so I can avoid it in the future.I just noticed that it also seems to affect my socket styling on desktop too. Like if you look on the other pages the socket social icons are more spread out. Weird.
Thanks.
Hi Yigit,
Perfect! Thanks so much. It worked to sort out the footer on the previous site build too :)
Much appreciated. Is this an issue within the theme itself?
Thx.
Hi Yigit,
That bit of CSS removes the entire arrow. I still want the arrow. I just want to remove the border piece indicated by the red line in the image. Underneath the red line I have drawn in the screenshot is a bit of white border line. I only want to remove this tiny little piece.
Thank you.
Hi Rikard,
This also still affects the search results unfortunately. Do you have any other CSS to sort out my issue? Or maybe some PHP?
Thank you.
Hi Andy,
This bit of CSS was the cause:
/*To disable the blog post title linking back to itself*/
.entry-content-wrapper .post-title {
pointer-events: none;
}Do you perhaps have another bit of code that would achieve the same thing as in the comment but not affect the search results?
Thank you.
Hi Andy,
I removed all our custom CSS in the Quick CSS area. It seems to have resolved it. I will take a closer look into it and will let you know if I still can’t find the bit of code that is causing it.
Thank you.
Hi Yigit,
It doesn’t work. That is the first bit of CSS that I tried from my original post.
Edit: I have added the padding inline in the mean time. I have to continue with the project. I have duplicated that page so you can still take a look. The link is provided.
Thx.
Hi Elliot,
That bit of CSS you provided does not work.
I have provided a link to 2 screenshots:
1. is what I currently have.
2. is what I want to achieve.I also provided a link to the page in my previous post.
So essentially what I want is 5 icons used as tab titles, centered on the page and spaced apart.
This CSS achieves it:
.contact-tabs .tab_titles {
position: relative;
width: 1315px !important;
clear: both;
float: none;
margin: 0 auto;
}.js_active .top_tab .tab {
padding: 12px 70px 0px 70px;
}But the second bit also affects other Tab elements I have used elsewhere on the site. I only want it to affect the one used on this page.
Thank you.
Hi Andy,
Okay. Thought so. I will check out the plugin. Any particular integration stuff I need to do for this plugin to work well with Enfold?
Update: I have installed it and it seems to be working but only for the search results that are displayed on the actual search results page and not in the search tootltip that drops down as I fill in a term :(
Thx.
I know this is an old post but it is the one that comes up when I search for a solution for this.
I found no answer when I looked so I figured out this solution which works beautifully.To add the Enfold search function to page content or create a search shortcode that you can use anywhere:
– go to “appearance” > “widgets”
– under “enfold custom widget area” add a “custom widget area” and name it “MySearch”
– drag the search widget from the left column to your new widget area and save
– on the page you are editing, enable the advanced layout editor
– under “content elements” drag the “widget area” element onto your page
– select the MySearch widget and update your pageTo create a shortcode for this, you create a shortcode for a custom widget area and then change the widget area name to MySearch, like so:
– go to a new blank page, you must have the default editor enabled (not advanced editor)
– find the “insert theme shortcode” dropdown above the editor
– insert a custom widget area shortcode and insert it
– rename the widget area name to MySearch (or whatever you called your custom widget area)
– or just copy this one: [av_sidebar widget_area='MySearch']I hope that works for you.
