Hi there,
I’m wondering of the something of the sort is achiavable:
So basically at the the menu is transparent, and once I start scrolling downwards, the Icon changes and the text also?
Can this be achieved in header builder?
Hi @Pbalazs89,
Thank you for writing in, yes that is achievable with PRO header builder. Basically, you need two Bars, the first bar to be the fixed navbar, and the second bar to be the sticky bar (show on scroll).
So what you need to do is set up the first bar like how you do a header normally, and then after that setup your second bar, this will be now your sticky bar that shows up on scroll, you can setup/style this bar the way you want it (different from the first bar) so you can have a transparent background on the fixed bar, and then have a solid background on the sticky bar, etc.
This is the setting you need on your second bar to make it sticky and hidden initially
Hope it helps,
Cheers!
Thanks for the help! Seems like it might do the trick but I ran into some issues:
I added a separate header and made it transparent, which is great, but it has this grey background because the rev slider starts under it. I tried giving a margin-top: -100px; to the slider, but that did not seem to do the trick. How can I fix this?
Also, another issue I noticed when I opened up header builder is: https://www.dropbox.com/s/v6e30cdjavvo9s9/Screenshot%202019-04-09%2017.09.39.png?dl=0
“this item could not render because of a third party…” - any idea what this is? I’m not using any third party widgets in the header.
Hi @Pbalazs89,
In that case, you need to create another header with a solid background-color bar and assigned to your pages that have no slider in it. Would you mind providing a direct link to the page where we can see the issue?
Regarding the error on the header, I imported your header on one of my dev site and the error is not happening in there, this means the issue is something on your setup.
Please update your PRO theme to the latest version (2.5.5)
Updating Your Themes and Plugins
Remember to clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.
If the issue persists after the update, please do testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
Cheers!
Hi, I updated the themes and the plugins as well, but the issue persists (the error message in header builder) Upon inspecting the console, this is what I received:
{“e”:{},“template”:"\n\n<a data-cs-observeable-id={{_id}} data-cs-observeable={{observer}} class=“e{{_id}} x-anchor x-anchor-toggle {{data.class}} x-hide-lg x-hide-xl” tabindex=“0” data-x-toggle=“1” data-x-toggleable=“e{{_id}}” data-x-toggle-hash={{data.toggle_hash}} >\n\n \n <span class=“x-anchor-content”>\n \n<span class=“x-graphic” aria-hidden=“true” >\n\n \n<span class=“x-toggle x-toggle-more-h x-graphic-toggle” aria-hidden=“true” >\n\n \n <span class=“x-toggle-more-1” data-x-toggle-anim=“x-more-1-1”>\n <span class=“x-toggle-more-2” data-x-toggle-anim=“x-more-2-1”>\n <span class=“x-toggle-more-3” data-x-toggle-anim=“x-more-3-1”>\n\n \n\n \n<span class=“x-particle x-anchor-particle-primary” data-x-particle="{{data.toggle_anchor_primary_particle_scale}} {{data.toggle_anchor_primary_particle_placement}}-{{data.toggle_anchor_primary_particle_location}}" aria-hidden=“true” >\n \n\n<span class=“x-particle x-anchor-particle-secondary” data-x-particle="{{data.toggle_anchor_secondary_particle_scale}} {{data.toggle_anchor_secondary_particle_placement}}-{{data.toggle_anchor_secondary_particle_location}}" aria-hidden=“true” >\n \n \n\n \n\n{{portal name=“x_before_site_end” content=“CjxkaXYgaWQ9ImV7e19pZH19LW9mZi1jYW52YXMiIGNsYXNzPSJle3tfaWR9fSB4LW9mZi1jYW52YXMgeC1vZmYtY2FudmFzLXJpZ2h0IHt7ZGF0YS5jbGFzc319IHgtaGlkZS1sZyB4LWhpZGUteGwiIHJvbGU9ImRpYWxvZyIgdGFiaW5kZXg9Ii0xIiBkYXRhLXgtdG9nZ2xlYWJsZT0iZXt7X2lkfX0iIGFyaWEtaGlkZGVuPSJ0cnVlIiBhcmlhLWxhYmVsPSJPZmYgQ2FudmFzIiA+CgogIDxzcGFuIGNsYXNzPSJ4LW9mZi1jYW52YXMtYmciPjwvc3Bhbj4KCiAgPGJ1dHRvbiBjbGFzcz0ieC1vZmYtY2FudmFzLWNsb3NlIHgtb2ZmLWNhbnZhcy1jbG9zZS1yaWdodCIgZGF0YS14LXRvZ2dsZS1jbG9zZT0iMSIgYXJpYS1sYWJlbD0iQ2xvc2UgT2ZmIENhbnZhcyBDb250ZW50IiA+CiAgICA8c3Bhbj4mdGltZXM7PC9zcGFuPgogIDwvYnV0dG9uPgoKICA8ZGl2IGNsYXNzPSJ4LW9mZi1jYW52YXMtY29udGVudCB4LW9mZi1jYW52YXMtY29udGVudC1yaWdodCIgZGF0YS14LXNjcm9sbGJhcj0ieyZxdW90O3N1cHByZXNzU2Nyb2xsWCZxdW90Ozp0cnVlfSIgcm9sZT0iZG9jdW1lbnQiIGFyaWEtbGFiZWw9Ik9mZiBDYW52YXMgQ29udGVudCIgPgogICAgPHVsIGNsYXNzPSJle3tfaWR9fSB4LW1lbnUgeC1tZW51LWNvbGxhcHNlZCIgPjxsaSBjbGFzcz0ibWVudS1pdGVtIG1lbnUtaXRlbS10eXBlLXBvc3RfdHlwZSBtZW51LWl0ZW0tb2JqZWN0LXBhZ2UgbWVudS1pdGVtLWhvbWUgbWVudS1pdGVtLTgxIiA+CjxhIGNsYXNzPSJle3tfaWR9fSB4LWFuY2hvciB4LWFuY2hvci1tZW51LWl0ZW0iIHRhYmluZGV4PSIwIiBocmVmPSJodHRwczovL3d3dy5jcmtsLmh1LyIgPgoKICAKICA8c3BhbiBjbGFzcz0ieC1hbmNob3ItY29udGVudCI+CiAgICAgICAgPHNwYW4gY2xhc3M9IngtYW5jaG9yLXRleHQiPjxzcGFuIGNsYXNzPSJ4LWFuY2hvci10ZXh0LXByaW1hcnkiID5Ib21lPC9zcGFuPjwvc3Bhbj4gICAgPGkgY2xhc3M9IngtYW5jaG9yLXN1Yi1pbmRpY2F0b3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXgtaWNvbi1zPSImI3hmMTA3OyIgPjwvaT4gICAgCjxzcGFuIGNsYXNzPSJ4LXBhcnRpY2xlIHgtYW5jaG9yLXBhcnRpY2xlLXByaW1hcnkiIGRhdGEteC1wYXJ0aWNsZT0ie3tkYXRhLmFuY2hvcl9wcmltYXJ5X3BhcnRpY2xlX3NjYWxlfX0ge3tkYXRhLmFuY2hvcl9wcmltYXJ5X3BhcnRpY2xlX3BsYWNlbWVudH19LXt7ZGF0YS5hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9sb2NhdGlvbn19IiBhcmlhLWhpZGRlbj0idHJ1ZSIgPgogIDxzcGFuIHN0eWxlPSJ7e2RhdGEuYW5jaG9yX3ByaW1hcnlfcGFydGljbGVfc3R5bGV9fSI+PC9zcGFuPgo8L3NwYW4+ICA8L3NwYW4+CgogIAo8L2E+CjwvbGk+PGxpIGNsYXNzPSJtZW51LWl0ZW0gbWVudS1pdGVtLXR5cGUtcG9zdF90eXBlIG1lbnUtaXRlbS1vYmplY3QtcGFnZSBtZW51LWl0ZW0tODAiID4KPGEgY2xhc3M9ImV7e19pZH19IHgtYW5jaG9yIHgtYW5jaG9yLW1lbnUtaXRlbSIgdGFiaW5kZXg9IjAiIGhyZWY9Imh0dHBzOi8vd3d3LmNya2wuaHUvaG9neWFuLW11a29kaWsvIiA+CgogIAogIDxzcGFuIGNsYXNzPSJ4LWFuY2hvci1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0ieC1hbmNob3ItdGV4dCI+PHNwYW4gY2xhc3M9IngtYW5jaG9yLXRleHQtcHJpbWFyeSIgPkhvZ3lhbiBtxbFrw7ZkaWs/PC9zcGFuPjwvc3Bhbj4gICAgPGkgY2xhc3M9IngtYW5jaG9yLXN1Yi1pbmRpY2F0b3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXgtaWNvbi1zPSImI3hmMTA3OyIgPjwvaT4gICAgCjxzcGFuIGNsYXNzPSJ4LXBhcnRpY2xlIHgtYW5jaG9yLXBhcnRpY2xlLXByaW1hcnkiIGRhdGEteC1wYXJ0aWNsZT0ie3tkYXRhLmFuY2hvcl9wcmltYXJ5X3BhcnRpY2xlX3NjYWxlfX0ge3tkYXRhLmFuY2hvcl9wcmltYXJ5X3BhcnRpY2xlX3BsYWNlbWVudH19LXt7ZGF0YS5hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9sb2NhdGlvbn19IiBhcmlhLWhpZGRlbj0idHJ1ZSIgPgogIDxzcGFuIHN0eWxlPSJ7e2RhdGEuYW5jaG9yX3ByaW1hcnlfcGFydGljbGVfc3R5bGV9fSI+PC9zcGFuPgo8L3NwYW4+ICA8L3NwYW4+CgogIAo8L2E+CjwvbGk+PGxpIGNsYXNzPSJtZW51LWl0ZW0gbWVudS1pdGVtLXR5cGUtY3VzdG9tIG1lbnUtaXRlbS1vYmplY3QtY3VzdG9tIG1lbnUtaXRlbS1oYXMtY2hpbGRyZW4gbWVudS1pdGVtLTI4NCIgPgo8YSBjbGFzcz0iZXt7X2lkfX0geC1hbmNob3IgeC1hbmNob3ItbWVudS1pdGVtIiB0YWJpbmRleD0iMCIgaHJlZj0iIyIgaWQ9IngtbWVudS1jb2xsYXBzZWQtYW5jaG9yLWV7e19pZH19LTAiIGRhdGEteC10b2dnbGU9ImNvbGxhcHNlIiBkYXRhLXgtdG9nZ2xlYWJsZT0iZXt7X2lkfX0tMCIgYXJpYS1jb250cm9scz0ieC1tZW51LWNvbGxhcHNlZC1saXN0LWV7e19pZH19LTAiIGFyaWEtZXhwYW5kZWQ9ImZhbHNlIiBhcmlhLWhhc3BvcHVwPSJ0cnVlIiBhcmlhLWxhYmVsPSJUb2dnbGUgQ29sbGFwc2VkIFN1YiBNZW51IiA+CgogIAogIDxzcGFuIGNsYXNzPSJ4LWFuY2hvci1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0ieC1hbmNob3ItdGV4dCI+PHNwYW4gY2xhc3M9IngtYW5jaG9yLXRleHQtcHJpbWFyeSIgPjQgRWxlbWVudHM8L3NwYW4+PC9zcGFuPiAgICA8aSBjbGFzcz0ieC1hbmNob3Itc3ViLWluZGljYXRvciIgYXJpYS1oaWRkZW49InRydWUiIGRhdGEteC1pY29uLXM9IiYjeGYxMDc7IiA+PC9pPiAgICAKPHNwYW4gY2xhc3M9IngtcGFydGljbGUgeC1hbmNob3ItcGFydGljbGUtcHJpbWFyeSIgZGF0YS14LXBhcnRpY2xlPSJ7e2RhdGEuYW5jaG9yX3ByaW1hcnlfcGFydGljbGVfc2NhbGV9fSB7e2RhdGEuYW5jaG9yX3ByaW1hcnlfcGFydGljbGVfcGxhY2VtZW50fX0te3tkYXRhLmFuY2hvcl9wcmltYXJ5X3BhcnRpY2xlX2xvY2F0aW9ufX0iIGFyaWEtaGlkZGVuPSJ0cnVlIiA+CiAgPHNwYW4gc3R5bGU9Int7ZGF0YS5hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9zdHlsZX19Ij48L3NwYW4+Cjwvc3Bhbj4gIDwvc3Bhbj4KCiAgCjwvYT4KPHVsIGNsYXNzPSJzdWItbWVudSB4LWNvbGxhcHNlZCIgaWQ9IngtbWVudS1jb2xsYXBzZWQtbGlzdC1le3tfaWR9fS0wIiBhcmlhLWhpZGRlbj0idHJ1ZSIgYXJpYS1sYWJlbGxlZGJ5PSJ4LW1lbnUtY29sbGFwc2VkLWFuY2hvci1le3tfaWR9fS0wIiBkYXRhLXgtdG9nZ2xlYWJsZT0iZXt7X2lkfX0tMCIgZGF0YS14LXRvZ2dsZS1jb2xsYXBzZT0iMSIgPjxsaSBjbGFzcz0ibWVudS1pdGVtIG1lbnUtaXRlbS10eXBlLXBvc3RfdHlwZSBtZW51LWl0ZW0tb2JqZWN0LXBhZ2UgbWVudS1pdGVtLTI1NCIgPgo8YSBjbGFzcz0iZXt7X2lkfX0geC1hbmNob3IgeC1hbmNob3ItbWVudS1pdGVtIiB0YWJpbmRleD0iMCIgaHJlZj0iaHR0cHM6Ly93d3cuY3JrbC5odS9haXIvIiA+CgogIAogIDxzcGFuIGNsYXNzPSJ4LWFuY2hvci1jb250ZW50Ij4KICAgIAo8c3BhbiBjbGFzcz0ieC1ncmFwaGljIiBhcmlhLWhpZGRlbj0idHJ1ZSIgPgoKICAKPGkgY2xhc3M9IngtaWNvbiB4LWdyYXBoaWMtaWNvbiB4LWdyYXBoaWMtcHJpbWFyeSIgYXJpYS1oaWRkZW49InRydWUiIGRhdGEteC1pY29uLW89IiYjeGYxMTE7IiA+PC9pPgoKPGkgY2xhc3M9IngtaWNvbiB4LWdyYXBoaWMtaWNvbiB4LWdyYXBoaWMtc2Vjb25kYXJ5IiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS14LWljb24tbz0iJiN4ZjI1YTsiID48L2k+Cgo8L3NwYW4+ICAgIDxzcGFuIGNsYXNzPSJ4LWFuY2hvci10ZXh0Ij48c3BhbiBjbGFzcz0ieC1hbmNob3ItdGV4dC1wcmltYXJ5IiA+PHA+PGltZyBzdHlsZT0id2lkdGg6MzBweDtoZWlnaHQ6YXV0bzsiIHNyYz0iaHR0cHM6Ly93d3cuY3JrbC5odS93cC1jb250ZW50L3VwbG9hZHMvMjAxOS8wNC9FTEVNRU5UU3doaXRlLTA0LnBuZyI+IEFpcjwvcD48L3NwYW4+PC9zcGFuPiAgICA8aSBjbGFzcz0ieC1hbmNob3Itc3ViLWluZGljYXRvciIgYXJpYS1oaWRkZW49InRydWUiIGRhdGEteC1pY29uLXM9IiYjeGYxMDc7IiA+PC9pPiAgICAKPHNwYW4gY2xhc3M9IngtcGFydGljbGUgeC1hbmNob3ItcGFydGljbGUtcHJpbWFyeSIgZGF0YS14LXBhcnRpY2xlPSJ7e2RhdGEuc3ViX2FuY2hvcl9wcmltYXJ5X3BhcnRpY2xlX3NjYWxlfX0ge3tkYXRhLnN1Yl9hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9wbGFjZW1lbnR9fS17e2RhdGEuc3ViX2FuY2hvcl9wcmltYXJ5X3BhcnRpY2xlX2xvY2F0aW9ufX0iIGFyaWEtaGlkZGVuPSJ0cnVlIiA+CiAgPHNwYW4gc3R5bGU9Int7ZGF0YS5zdWJfYW5jaG9yX3ByaW1hcnlfcGFydGljbGVfc3R5bGV9fSI+PC9zcGFuPgo8L3NwYW4+ICA8L3NwYW4+CgogIAo8L2E+CjwvbGk+PGxpIGNsYXNzPSJtZW51LWl0ZW0gbWVudS1pdGVtLXR5cGUtcG9zdF90eXBlIG1lbnUtaXRlbS1vYmplY3QtcGFnZSBtZW51LWl0ZW0tMjU1IiA+CjxhIGNsYXNzPSJle3tfaWR9fSB4LWFuY2hvciB4LWFuY2hvci1tZW51LWl0ZW0iIHRhYmluZGV4PSIwIiBocmVmPSJodHRwczovL3d3dy5jcmtsLmh1L2ZpcmUvIiA+CgogIAogIDxzcGFuIGNsYXNzPSJ4LWFuY2hvci1jb250ZW50Ij4KICAgIAo8c3BhbiBjbGFzcz0ieC1ncmFwaGljIiBhcmlhLWhpZGRlbj0idHJ1ZSIgPgoKICAKPGkgY2xhc3M9IngtaWNvbiB4LWdyYXBoaWMtaWNvbiB4LWdyYXBoaWMtcHJpbWFyeSIgYXJpYS1oaWRkZW49InRydWUiIGRhdGEteC1pY29uLW89IiYjeGYyNWE7IiA+PC9pPgoKPGkgY2xhc3M9IngtaWNvbiB4LWdyYXBoaWMtaWNvbiB4LWdyYXBoaWMtc2Vjb25kYXJ5IiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS14LWljb24tbz0iJiN4ZjI1YTsiID48L2k+Cgo8L3NwYW4+ICAgIDxzcGFuIGNsYXNzPSJ4LWFuY2hvci10ZXh0Ij48c3BhbiBjbGFzcz0ieC1hbmNob3ItdGV4dC1wcmltYXJ5IiA+PHA+PGltZyBzdHlsZT0id2lkdGg6MzBweDtoZWlnaHQ6YXV0bzsiIHNyYz0iaHR0cHM6Ly93d3cuY3JrbC5odS93cC1jb250ZW50L3VwbG9hZHMvMjAxOS8wNC9FTEVNRU5UU3doaXRlLTAzLnBuZyI+IEZpcmU8L3A+PC9zcGFuPjwvc3Bhbj4gICAgPGkgY2xhc3M9IngtYW5jaG9yLXN1Yi1pbmRpY2F0b3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXgtaWNvbi1zPSImI3hmMTA3OyIgPjwvaT4gICAgCjxzcGFuIGNsYXNzPSJ4LXBhcnRpY2xlIHgtYW5jaG9yLXBhcnRpY2xlLXByaW1hcnkiIGRhdGEteC1wYXJ0aWNsZT0ie3tkYXRhLnN1Yl9hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9zY2FsZX19IHt7ZGF0YS5zdWJfYW5jaG9yX3ByaW1hcnlfcGFydGljbGVfcGxhY2VtZW50fX0te3tkYXRhLnN1Yl9hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9sb2NhdGlvbn19IiBhcmlhLWhpZGRlbj0idHJ1ZSIgPgogIDxzcGFuIHN0eWxlPSJ7e2RhdGEuc3ViX2FuY2hvcl9wcmltYXJ5X3BhcnRpY2xlX3N0eWxlfX0iPjwvc3Bhbj4KPC9zcGFuPiAgPC9zcGFuPgoKICAKPC9hPgo8L2xpPjxsaSBjbGFzcz0ibWVudS1pdGVtIG1lbnUtaXRlbS10eXBlLXBvc3RfdHlwZSBtZW51LWl0ZW0tb2JqZWN0LXBhZ2UgbWVudS1pdGVtLTI1NiIgPgo8YSBjbGFzcz0iZXt7X2lkfX0geC1hbmNob3IgeC1hbmNob3ItbWVudS1pdGVtIiB0YWJpbmRleD0iMCIgaHJlZj0iaHR0cHM6Ly93d3cuY3JrbC5odS93YXRlci8iID4KCiAgCiAgPHNwYW4gY2xhc3M9IngtYW5jaG9yLWNvbnRlbnQiPgogICAgCjxzcGFuIGNsYXNzPSJ4LWdyYXBoaWMiIGFyaWEtaGlkZGVuPSJ0cnVlIiA+CgogIAo8aSBjbGFzcz0ieC1pY29uIHgtZ3JhcGhpYy1pY29uIHgtZ3JhcGhpYy1wcmltYXJ5IiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS14LWljb24tbz0iJiN4ZjI1YTsiID48L2k+Cgo8aSBjbGFzcz0ieC1pY29uIHgtZ3JhcGhpYy1pY29uIHgtZ3JhcGhpYy1zZWNvbmRhcnkiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXgtaWNvbi1vPSImI3hmMjVhOyIgPjwvaT4KCjwvc3Bhbj4gICAgPHNwYW4gY2xhc3M9IngtYW5jaG9yLXRleHQiPjxzcGFuIGNsYXNzPSJ4LWFuY2hvci10ZXh0LXByaW1hcnkiID48cD48aW1nIHN0eWxlPSJ3aWR0aDozMHB4O2hlaWdodDphdXRvOyIgc3JjPSJodHRwczovL3d3dy5jcmtsLmh1L3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDE5LzA0L0VMRU1FTlRTd2hpdGUtMDIucG5nIj4gV2F0ZXI8L3A+PC9zcGFuPjwvc3Bhbj4gICAgPGkgY2xhc3M9IngtYW5jaG9yLXN1Yi1pbmRpY2F0b3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXgtaWNvbi1zPSImI3hmMTA3OyIgPjwvaT4gICAgCjxzcGFuIGNsYXNzPSJ4LXBhcnRpY2xlIHgtYW5jaG9yLXBhcnRpY2xlLXByaW1hcnkiIGRhdGEteC1wYXJ0aWNsZT0ie3tkYXRhLnN1Yl9hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9zY2FsZX19IHt7ZGF0YS5zdWJfYW5jaG9yX3ByaW1hcnlfcGFydGljbGVfcGxhY2VtZW50fX0te3tkYXRhLnN1Yl9hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9sb2NhdGlvbn19IiBhcmlhLWhpZGRlbj0idHJ1ZSIgPgogIDxzcGFuIHN0eWxlPSJ7e2RhdGEuc3ViX2FuY2hvcl9wcmltYXJ5X3BhcnRpY2xlX3N0eWxlfX0iPjwvc3Bhbj4KPC9zcGFuPiAgPC9zcGFuPgoKICAKPC9hPgo8L2xpPjxsaSBjbGFzcz0ibWVudS1pdGVtIG1lbnUtaXRlbS10eXBlLXBvc3RfdHlwZSBtZW51LWl0ZW0tb2JqZWN0LXBhZ2UgbWVudS1pdGVtLTI1NyIgPgo8YSBjbGFzcz0iZXt7X2lkfX0geC1hbmNob3IgeC1hbmNob3ItbWVudS1pdGVtIiB0YWJpbmRleD0iMCIgaHJlZj0iaHR0cHM6Ly93d3cuY3JrbC5odS9lYXJ0aC8iID4KCiAgCiAgPHNwYW4gY2xhc3M9IngtYW5jaG9yLWNvbnRlbnQiPgogICAgCjxzcGFuIGNsYXNzPSJ4LWdyYXBoaWMiIGFyaWEtaGlkZGVuPSJ0cnVlIiA+CgogIAo8aSBjbGFzcz0ieC1pY29uIHgtZ3JhcGhpYy1pY29uIHgtZ3JhcGhpYy1wcmltYXJ5IiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS14LWljb24tbz0iJiN4ZjI1YTsiID48L2k+Cgo8aSBjbGFzcz0ieC1pY29uIHgtZ3JhcGhpYy1pY29uIHgtZ3JhcGhpYy1zZWNvbmRhcnkiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXgtaWNvbi1vPSImI3hmMjVhOyIgPjwvaT4KCjwvc3Bhbj4gICAgPHNwYW4gY2xhc3M9IngtYW5jaG9yLXRleHQiPjxzcGFuIGNsYXNzPSJ4LWFuY2hvci10ZXh0LXByaW1hcnkiID48cD48aW1nIHN0eWxlPSJ3aWR0aDozMHB4O2hlaWdodDphdXRvOyIgc3JjPSJodHRwczovL3d3dy5jcmtsLmh1L3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDE5LzA0L0VMRU1FTlRTd2hpdGUtMDEucG5nIj4gRWFydGg8L3A+PC9zcGFuPjwvc3Bhbj4gICAgPGkgY2xhc3M9IngtYW5jaG9yLXN1Yi1pbmRpY2F0b3IiIGFyaWEtaGlkZGVuPSJ0cnVlIiBkYXRhLXgtaWNvbi1zPSImI3hmMTA3OyIgPjwvaT4gICAgCjxzcGFuIGNsYXNzPSJ4LXBhcnRpY2xlIHgtYW5jaG9yLXBhcnRpY2xlLXByaW1hcnkiIGRhdGEteC1wYXJ0aWNsZT0ie3tkYXRhLnN1Yl9hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9zY2FsZX19IHt7ZGF0YS5zdWJfYW5jaG9yX3ByaW1hcnlfcGFydGljbGVfcGxhY2VtZW50fX0te3tkYXRhLnN1Yl9hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9sb2NhdGlvbn19IiBhcmlhLWhpZGRlbj0idHJ1ZSIgPgogIDxzcGFuIHN0eWxlPSJ7e2RhdGEuc3ViX2FuY2hvcl9wcmltYXJ5X3BhcnRpY2xlX3N0eWxlfX0iPjwvc3Bhbj4KPC9zcGFuPiAgPC9zcGFuPgoKICAKPC9hPgo8L2xpPjwvdWw+PC9saT48bGkgY2xhc3M9Im1lbnUtaXRlbSBtZW51LWl0ZW0tdHlwZS1wb3N0X3R5cGUgbWVudS1pdGVtLW9iamVjdC1wYWdlIG1lbnUtaXRlbS03OCIgPgo8YSBjbGFzcz0iZXt7X2lkfX0geC1hbmNob3IgeC1hbmNob3ItbWVudS1pdGVtIiB0YWJpbmRleD0iMCIgaHJlZj0iaHR0cHM6Ly93d3cuY3JrbC5odS9wYXJ0bmVyZWsvIiA+CgogIAogIDxzcGFuIGNsYXNzPSJ4LWFuY2hvci1jb250ZW50Ij4KICAgICAgICA8c3BhbiBjbGFzcz0ieC1hbmNob3ItdGV4dCI+PHNwYW4gY2xhc3M9IngtYW5jaG9yLXRleHQtcHJpbWFyeSIgPlBhcnRuZXJlazwvc3Bhbj48L3NwYW4+ICAgIDxpIGNsYXNzPSJ4LWFuY2hvci1zdWItaW5kaWNhdG9yIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS14LWljb24tcz0iJiN4ZjEwNzsiID48L2k+ICAgIAo8c3BhbiBjbGFzcz0ieC1wYXJ0aWNsZSB4LWFuY2hvci1wYXJ0aWNsZS1wcmltYXJ5IiBkYXRhLXgtcGFydGljbGU9Int7ZGF0YS5hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9zY2FsZX19IHt7ZGF0YS5hbmNob3JfcHJpbWFyeV9wYXJ0aWNsZV9wbGFjZW1lbnR9fS17e2RhdGEuYW5jaG9yX3ByaW1hcnlfcGFydGljbGVfbG9jYXRpb259fSIgYXJpYS1oaWRkZW49InRydWUiID4KICA8c3BhbiBzdHlsZT0ie3tkYXRhLmFuY2hvcl9wcmltYXJ5X3BhcnRpY2xlX3N0eWxlfX0iPjwvc3Bhbj4KPC9zcGFuPiAgPC9zcGFuPgoKICAKPC9hPgo8L2xpPjwvdWw+ICA8L2Rpdj4KCjwvZGl2Pgo=”}}"}
Any other ideas?
I tried testing for a plugin conflict as well. That wasn’t it either.
Hi @Pbalazs89,
Since your website is a live site, I would recommend that you create a staging site. This is very useful because you can test drive any X/Pro updates in the staging area, do the customization and troubleshooting without disrupting your live site. Once everything is perfect, you can easily and flawlessly proceed the update in the live site. To know how to create a staging area, please check out these articles:
- http://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/
- https://maintainn.com/2015/02/how-to-create-a-staging-site-for-wordpress/
After that, please provide us with URL/User/Pass of your staging site using the Secure Note functionality of the post to follow up the case.
Thank you.
Hi, the site is not live, so feel free to test anything here! Thanks! I added a secure note in the last response.
Hi @Pbalazs89,
Would you mind removing this HTML mark up from your navigation label?
There is an option for adding a custom image/icon to your menu item. Paste the URL of your custom image/icon on the Image Primary box.
Then on your navigation element (any navigation element), turn On the Graphic setup and select the Image type.
I also notice, that your Wordpress is kind of outdated (4.9.10), please update that to the latest version as well to avoid incompatibility issues.
Remember to clear all your caching features after the changes and update.
Hope it helps,
Cheers!
Hi,
- I removed the markup
- Disabled caching
- Updated WP
Issue still persists. 
Any other ideas, let me know if I can help!
Hi @Pbalazs89,
I couldn’t find what’s causing this, but based on my testing, it works okay on the menu without special characters. Could you try re-creating your menu and add labels and data without special characters? If that’s the case then it could be an encoding issue then please check this https://theblogpress.com/blog/seeing-weird-characters-on-blog-how-to-fix-wordpress-character-encoding-latin1-to-utf8/ and apply the recommended changes. But I’m not fully sure yet so please provide your FTP login credentials as well.
Thanks!
Hi there, I did some troubleshooting and realized that it’s the navigation “collapsed” mobile nav element that is causing the bug. Can’t figure out why though. Recreated it and now it works
Hey @Pbalazs89,
We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!
Best Regards.
Hi there,
Looks like it takes some time but the issue reappears. I’m currently working around it but you should know that its likely a bug.
However, another thing I would like to ask your help with.
Here’s my shop page - I can’t figure out for the life of mine why the widgets / sidebar won’t show up. Any ideas?
Hey @Pbalazs89,
Regarding your sidebar, it is not displaying any sidebar because you have set a Fullwidth content layout. You can check this in X > Theme Options > Layout & Design > Content Layout. If you want to display a sidebar, please select “Sidebar Left, Content Right” or “Content Left, Sidebar Right”. You might wonder what about your pages? You might have used that setting because you want to have a Fullwidth pages with no sidebars. Actually there is also a solution to that. You will need to edit the page/s and change the page template to “Layout - Fullwidth”, “Blank - Container” or “Blank - No Container” page templates. For more details about the different pages templates in theme, please check this out:
Hope this explains your issue briefly.
Thanks, working wonderfully!
You’re welcome!
We’re glad we were able to help you out.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.