I updated to version 15 today to hopefully solve an issue where the site breaks when using PHP version 8 or higher. It did not fix the issue, but it did break something else I can't seem to figure out how to correct. The menu items have all become "mobile" (with the hamburger) and do not appear in the correct space anymore. I have tried changing logo/menu layout, but the issue remains. I would like to have the logo image on the far left and the Menu (in full size) appear on the right of the same Row. Can you help me figure out why it's displaying like it is?
I hope you are well. The version I updated to was 15.08 released on 1/12/23 so I do have the latest running.
I did not see any errors in the console, however there was one "possible improvement" that I will paste below. I also turned on SCRIPT_DEBUG but there were still no errors....just the one possible improvement (below). The issue is consistent in Firefox, Chrome and Edge.
A page or script is accessing at least one of navigator.userAgent, navigator.appVersion, and navigator.platform. Starting in Chrome 101, the amount of information available in the User Agent string will be reduced.
To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData.
Note that for performance reasons, only the first access to one of the properties is shown.
AFFECTED RESOURCES
1 source
ourdomain.com:1 (changed to generic)
Additional information:
In Header Navigation >>> Layout & Content Related, If I choose the default layout, the menu completely disappears. If I choose Left Header, the menu shows on the left side, but the Logo image does not appear above it. It shows in the main body overlaping other text. I have left it in this configuration for your review.
Is it possible that the outdated version of php 7.4.33 is causing this? Unfortunately I cannot get the page to load at all when I update php to 8.*
Let me know if there's anything further I can provide to help resolve
Could you allow us to log in to your website backend dashboard so we can check on this for you more? We are gonna need the username and password of the admin user as well as the login URL.
#header-outer #logo img, #header-outer .logo-spacing img { height: 29px; }
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a, #top nav > ul > li[class*="button_solid_color"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover, #header-outer[data-lhe="animated_underline"] #top nav > .sf-menu > li[class*="button_bordered"] > a, #top nav > ul > li[class*="button_bordered"] > a, body #header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_bordered"] > a:hover, body #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a, #header-outer[data-lhe="animated_underline"] #top nav > ul > li[class*="button_solid_color"] > a { margin-left: 15px; }
Hello.
I updated to version 15 today to hopefully solve an issue where the site breaks when using PHP version 8 or higher. It did not fix the issue, but it did break something else I can't seem to figure out how to correct. The menu items have all become "mobile" (with the hamburger) and do not appear in the correct space anymore. I have tried changing logo/menu layout, but the issue remains. I would like to have the logo image on the far left and the Menu (in full size) appear on the right of the same Row. Can you help me figure out why it's displaying like it is?
Hey Again,
Please check the Console Errors you are having.
Check for Browser Console Errors: https://codex.wordpress.org/Using_Your_Browser_to_Diagnose_JavaScript_Errors
To get a list of Bug Fixes and new Feature addons in the Latest Theme update, the changelog can be viewed here : http://themenectar.com/changelogs/salient.html
Thanks.
ThemeNectar Support Team
Hi Tahir
I hope you are well. The version I updated to was 15.08 released on 1/12/23 so I do have the latest running.
I did not see any errors in the console, however there was one "possible improvement" that I will paste below. I also turned on SCRIPT_DEBUG but there were still no errors....just the one possible improvement (below). The issue is consistent in Firefox, Chrome and Edge.
To fix this issue, replace the usage of navigator.userAgent, navigator.appVersion, and navigator.platform with feature detection, progressive enhancement, or migrate to navigator.userAgentData.
Note that for performance reasons, only the first access to one of the properties is shown.
Additional information:
In Header Navigation >>> Layout & Content Related, If I choose the default layout, the menu completely disappears. If I choose Left Header, the menu shows on the left side, but the Logo image does not appear above it. It shows in the main body overlaping other text. I have left it in this configuration for your review.
Is it possible that the outdated version of php 7.4.33 is causing this? Unfortunately I cannot get the page to load at all when I update php to 8.*
Let me know if there's anything further I can provide to help resolve
Robert
Hey Again,
Could you allow us to log in to your website backend dashboard so we can check on this for you more? We are gonna need the username and password of the admin user as well as the login URL.
Thanks.
ThemeNectar Support Team
Hi there
Yes. I have created an admin level user for you. Is there an e-mail I can send the credentials to? Or another secure way to get them to you?
Robert
Hey Again,
Try switching to the Parent Theme and Check as the Child Theme Customizations are likely causing the issue.
Thanks
ThemeNectar Support Team
Hi Robert,
Please try this css:
#header-outer #logo img, #header-outer .logo-spacing img {height: 29px;
} #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a, #top nav > ul > li[class*="button_solid_color"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover, #header-outer[data-lhe="animated_underline"] #top nav > .sf-menu > li[class*="button_bordered"] > a, #top nav > ul > li[class*="button_bordered"] > a, body #header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_bordered"] > a:hover, body #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a, #header-outer[data-lhe="animated_underline"] #top nav > ul > li[class*="button_solid_color"] > a {
margin-left: 15px;
}
Thanks.