Any word on an update for this problem?

we are not talking about the editor. We are talking about the website.

Basilis,

I am no longer using the plug-in for the test page, and have confirmed this using a standard iframe. You can narrow the window using the test page I supplied you, and the Iframe becomes unable to accept mouse or touch input at the exact pixel width where the mobile menu appears.

This is becoming a desperate situation for my client.

Roger

Hi,
I deactivated all the plugins and the error still occurs with the test page.

I also created a temporary login for you, but realize that this login may not work due to the other error I reported, and you confirmed, with this release:

Page or Post – Advanced Editor Hanging for New Admin – Always Busy\

See private area message for details.

This is now causing me a real problem with my Client.

WordPress Version: 4.6
Enfold Version: 3.7.1
Child Theme

If I add any new user with Admin (or any other privileges), the Advanced Layout Editor is no longer working at all

On an existing page, on page load shows the busy indicator shows continuously and the content never comes up
On a new page, the Advanced Layout Editor button shows, but if you click it, nothing happens – e.g. it is not available.

I am not sure when this started happening – it may have been with the latest WP Update, but I am not sure. The Advanced Layout Editor still works properly for all existing users – for any current pages or new pages. It’s only new users, which I very much need to be able to add.

I have given you an admin login and user (a new one) so you can see the problem.

Can you help please?

Hi Rikard,

Thank you for your response.

We desperately need an input type=”range” slider to use on our website, and since there seems to be no good plugin that has this input object that allows us to attach events to the slider, we decided to write our own. The steps we used:

1. We styled a generic slider in the Quick CSS for Enfold;
2, We use the Code Block element to add the slider to every page we need, including supporting objects;
3. We wrote a common set of Javascript to respond to events on the slider and supporting objects that is now accessible from any page the slider is placed on. We did not want to have to put all this code on every page.

To do this, we put the Javascript in the functions.php file of the Enfold Child theme. We added it as follows, after scouring the support posts to look for an example. Since this seems such a common need, it would have been great to have it in the documentation somewhere.:

—————————————————————-

function add_custom_script(){
?>
<script>
// all custom code went here
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_script’);

—————————————-

So, my question’s are:
1. Is this the right way to do this, or is there a better way?
2. Does this put the code in only if we show a footer on the page, and should we put it somewhere else, and where, and how?

It would have obviously been better for us if we had an input type = range object available in Enfold, to which we could assign an ID and thus attach events.

Thanks for your help.

Roger

I’ve now confirmed this on every Enfold website I support. All have the latest version of Enfold and WordPress, and updated versions of all plug-ins.

Any Enfold button with a manual Javascript link continues to work, but the Advanced Editor “hangs” with a continuous “busy” indicator – and we never see the objects in the editor. The only way to change the page is using the standard editor window or the debug source Window.

Roger

I finally got to the bottom of this. It seems that Themeforest generates a new API key with every purchase of Enfold, so immediately when I purchase a new Enfold theme for a new client, the API key changes. Therefore all my existing accounts stop checking for updates properly.

Very, very frustrating. I corrected it by updating all installations to the latest API Key.

Ismael,

I’m still getting the background color on the drop down part of the menu set to red – only on the IPad and only when displayed vertically. On every other device, and on the IPad in horizontal mode, it is 100% correct.

You can see it happen by looking at the website on an IPad. Start vertically, select a top level menu item, and the drop down background will be red. Rotate the IPad in your hand to horizontal – it will display correctly.

Cleared Safari cache, no difference.

The strangest thing I have ever seen. Any ideas?

Roger

Well, I spoke too soon.

Logo Resizing on IPad

I want to show a unique wide horizontal logo on mobile devices. I have it working now on an IPhone by specifying a unique image in functions.php for the mobile logo as specified in your help. I display the horizontal image with a backgound color identical to the header color, and with a fixed width specified in quick css as:

@media only screen and (max-width: 767px) {
#header_main .inner-container {
height: 100px;
}
.responsive .logo img {
max-height: 100px;
max-width:250px;
height:100px !important;
width:250px !important;

}}

This works perfectly on the IPhone, either in regular or landscape mode. On the IPad, however, it replaces the logo as it should, but it resizes the logo according to the width, which is exactly what I don’t want. I either want the IPad to use the standard logo, and let it resize it, or use the mobile logo, and don’t resize it. How can I do either?

Drop down menus on IPad

Drop down menus work perfectly on all devices, except the IPad in Vertical Orientation, where the background color changed to the top level menu selection color. In horizontal mode, it works fine. On every other device it works fine. It’s just on the IPad Vertically it does this. Why? Just as FYI, I used the following Quick CSS to highlight the top level menu on hover.

#avia-menu li:hover a {
background: #720903;
font-weight: bold;
}

I am literally going out of my mind trying to fix these things..

Yigit,

Thank you so very much.

You have solved almost every issue, and things are working much better. I had no idea that a full width header would cause so many issues, but now that I understand this, I should be able to handle it in the future.

I think my last issue regarding this is the background color on the close mobile menu (where the X displays when the menu is open). It is now using the background color on the main selector, and I would prefer it to use the background color and border of the mobile menu before opening, or perhaps some other color.

So I now have for the mobile menu:

#advanced_menu_toggle {
background: #faf2cd;
color: #710903;
border-color: #710903;
}

How can I make the “Close” menu similar? I just need to change the background and border to the same colors as the one above.

Again, thank you so much. You have really solved all my issues.

Roger

Sorry,

See correction in private area for website

Hi,

I am getting very frustrated, and having trouble understanding a solution. What I need:

1. I want a full width responsive header image in the header and logo area. I am glad to put it in either the header background or the logo image.
2. I need it not to have spaces to the right or left, and to resize appropriately based on browser width,
3. I want the menu below the header, and I don’t want the header or the logo to bleed into the menu.
4. I am glad to use a combination of logo and header background image, only header background image (I’ll add the logo), or only logo (I’ll add the header background image). I just need a solution that works and resizes correctly without spaces below, above, right, or left)

The questions I have:
1, Exactly what width should the source image size be?
2. Should I use the logo, or the header background image, or both to accomplish what I want?
3. What Quick Style Sheet entries do I need to accomplish what I want?

Right now I have set a full width image, with the logo, in the logo area, and tried to use style sheet entries to resize it. At large widths, I get blank spaces to the right. At small (mobile) widths, it doesn’t resize. I am just lost.

Links in private area,

Thanks….. Roger

Hi Ismael,

Thanks for the fast response. I am afraid I am still not 100& clear. I can extract the text from the background, but I can’t seem exactly to get the background (shaded bottom to top) to fill the entire logo area, Then are you suggesting I add the words to the logo (horizontally), with a transparent background, or do it in some other manner.

Sorry, but I have seen all the other people wanting to do this, and it seems like every solution is different. I need the background at the loco level, the menu line as a separate background (which I think I know how to do), and the extended name and phrase across the top, resizing appropriately. I would be happy to have the words be text, which I can change the size of for mobile viewing in quick CSS, but again I just need some direction. I’ve been struggling with this for days.

Thanks…. Roger