P.S. Check with Google Chrome 🙂
Hi CBServices,
The border is added by Chrome for accesibility reasons, you can override it with custom styles but I wouldnt advise it as it is added by Chrome for a reason.
Accesibility is important to me so I wont be removing it from the plugin Im afraid.
In regards the push problem, you seem to have some element called .super-container that is containing everything (including the menu and the button) and that is what you have chosen as the push wrapper so of course its pushing the button and menu with it.
You need to select another element as the wrapper that doesnt contain the button and menu.
I see each page has another container #pl-45 but they change on each page, if you can add a common class to this then you could use that instead.
I hope the above helps!
BS, the border is a css outline that differs in chrome.
Why does it work in Edge?
I need to hire someone to fix this 🙁 for I have not the time to make those containers on all my sites…
And why is the menu Below the header? How to fix that…
I am definitly very unhappy with the update.
However! What I am happy with is your responcetime! Compliments for that.
Hi CBServices,
Apologies that youre not happy but I have added warnings etc. and asked people to test the beta for months before finally releasing with the warning to try it on a development environment before upgrading on any live sites.
The border is a Chrome accesibility addition that only Chrome adds, other browsers don’t but Im not going to start messing with browser accessibility as it is important to cater to disabled users as much as anyone else, if you want to remove it you can very easily with custom CSS.
Please see this stackoverflow discussion to do with this and the reasons why its not a good idea to remove it and how to do it if you still want to:
http://stackoverflow.com/questions/20340138/remove-blue-border-from-css-custom-styled-button-in-chrome
In regards hiring someone I dont think thats necessary as it should only take about 30 seconds per site to implement, simply an opening div in your header.php file and a closing tag in your footer.php file above the wp_footer() call should do it.
In regards the button you could simply add the following to your custom CSS:
#responsive-menu-container {
padding-top: 100px !important;
}
I hope the above helps and if you need further help please let me know!
Many thanks
