Forum Replies Created
-
Posts
-
Thanks Victoria. I think that did the trick. Also, it seems like if you click on the nav/menu item of the page you are already on (for example: clicking on “About Us” when you are on the “About Us” page), that nothing happens. The mobile menu remains open instead of closing and taking you to the page. Is there a setting or something that would be causing that? We don’t need to load the page again if you are already on it, but it would be nice if the mobile menu at least closed. Thanks again for the help with the first item.
Hi Ismael,
I was able to find the CSS that targeted the space under the current menu item and adjusted the bottom margin:#av-burger-menu-ul li.current-menu-item a { margin-bottom: -45px !important; }It’s displaying fine now.
It looks like there was a PHP error causing the burger menu to not be clickable. We were able to fix that. However, I still see the extra space under the link of the parent page/section you are on in the mobile menu. The CSS/JS merging and compression is set to no compression. However, there was not any changes provided to remove the space, so I don’t think this is a caching issue. The space was never removed and I needed help getting rid of it. You only see it if you go to one of the main sections in the menu, then open the menu again. In the screenshot I provided I went to “Policies & Procedures”, then expanded the mobile menu again and that is when you see the extra space under the section you are in. Hopefully that helps clarify what I am needing help with.
Hi Vinay,
I tried clearing my browser cache/history, but I still see the space in the screenshot. I also notice the hamburger menu isn’t always clickable. I have seen that on both my phone as well as in my web browser.Sure. Here’s a screenshot. I clicked on the “Policies & Procedures” link, then opened the menu again and there is additional space under the link/above the one below it. I highlighted it in red.
Thanks Rikard. Is there a way to specifically target the menu item for the section you are in for the mobile menu? I think it is inheriting some formatting from the main menu and when you open the mobile menu again after clicking on one of the main sections, there is a large space under the corresponding menu item. I’d like to not have that appear and have the spacing stay the same in the menu, no matter where you are.
I was able to fix the display of the mobile menu text and make it so you can click on it. But the hamburger/close menu icon is not positioned where it was in the old version of the website and there is extra space above where the menu links are displayed. I’m having problems adjusting both of those things. If someone can help me with those, it would be appreciated.
I found some back-ups of older versions of the theme that were between 3.8.4 and 4.4.1, but wasn’t able to find one that gave me the additional CSS option and the old version of the menu. So if someone could have a look at the mobile version of the menu and help me fix it, that would be great.
Maybe I’m not understanding your reply, but it looks like you are suggesting I download and install the latest version of the theme? However I need an older version that has CSS class feature I am using, but not the changes to the mobile menu. Can you tell me what version I would need to download that has the feature I need for the CSS, but not the changes that were made to the mobile menu? I don’t see in Themeforest where you can download older versions of the theme. So is that even an option?
Hi Rikard,
Is there a version of the theme that is newer than 3.8.4 available, that doesn’t have the changes to the mobile menu, but does have under “Theme Options” > “Layout Builder” the option to show element options for developers? The reason I updated it was so I could add specific CSS classes to the elements/containers used in the layout. I’d be fine with rolling the theme back to an older version if it still had that option.After my previous post I decided to look through all the theme options to make sure all the settings were the same for both English and French. Under “Performance” > “Disabling of template builder elements” on the French theme options, “Load Only Used Elements” was selected and I changed that to “Always Load All Elements” and now it looks like the French home page is displaying correctly. So either that did the trick or you happened to make a change that fixed it.
Sure, the login info is in the private content below.
It looks like the issue is only happening with the first three containers/elements on the page. The “Port Operations Center” header onward looks to be okay. But everything above that is not displaying correctly or the CSS isn’t being recognized. I also notice the search and social media icons in the header are not displaying correctly or the same as on the English pages. I had another support request in regarding adding the search to that area. Here is the link to that in case it’s helpful:
https://kriesi.at/support/topic/adding-search-to-the-header-secondary-menu/Thanks for the help with that @guenni007. That worked great and he search is showing up now, only it’s over top of the secondary menu and not displaying right after it. But I’ll have a look at that to see what may be causing it.
I’m still going to look at replacing the magnifying glass to keep things consistent with the design I have been provided by our client.
Hi Ismael,
I’m assuming you are referring to the WordPress admin/dashboard login? If so, I reset the password and included it below.Hi Ismael,
It looks like that didn’t work. I set-up a login for you and the details are in the private info.Thanks Ismael. The broken code isn’t displaying now. But instead of the search displaying, I only see an extra I after the language switcher link. See the yellow highlighted area in this screenshot:
I included the URL for the website in the private info if you want to have a look at it in your browser.Thanks Ismael. Am I correct to assume I need to check off “Append search icon to main menu” after adding the code? If so, I did that but this code is displaying now in the header:
a href=”?s=” rel=”nofollow”>
Just in case this make a difference, there is a WPML language switcher link right after the secondary menu and it’s right after that where I need to add the search.
Is it also possible to display the actual search field/button instead of just the search icon? See below:
Hi Ismael,
In the WP dashboard of the website, the full piece of code for the form is under “XYZ PHP Code” > “PHP Code Snippets”. There are four code snippets there and “Job-Application” is the one for the English version of the form. If you click the pencil icon in the “Action” column, you will be able to view the actual code. I copied/pasted as you requested as well. The URL is in the private data. The form was coded by one of our developers. It works fine when tested on it’s own, but we are having this issue when we place it in the page in the actual website using WordPress. It had worked previously in the website.Thanks Vinay. I wasn’t able to access the dashboard to disable the plugins and opted to try deleting the theme folder and uploading the 4.4 version/copy of the theme. That seemed to do the trick.
