rivella50 / atahualpa Goto Github PK
View Code? Open in Web Editor NEWLicense: GNU General Public License v3.0
License: GNU General Public License v3.0
Updating to Wordpress 6.6 causes the submenu entries to not open anymore - so yu can only access top level pages from menu1 (and likely other menus).
Actually with the plugin Sticky Menu or Anything on scroll: https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/
It's possible to stick the menu to the top of the page. I have not tried if you can do this with several items using the pro version.
The selector is:
div#Menu1 (identical to div#menu1 ul.rMenu )
or alternatively (slightly different container - I need to use Legacy Mode for this to work correctly - else it will distort)
ul.rMenu
I have not succeeded manually adding this via CSS inserts.
The search widget which is supplied by atahualpa as I see - is neither responsive (too small input field) - nor does it have the right labels so it costs a lot of points in googles pagespeed test.
I'm not really sure how to solve this but it should not be hard. It*s possible to score 100/100 on pagespeed with atahualpa with the instructions I have provided in the other issue, and then likely adding some CSS depending on your plugins/widgets.
However if you want the standard wordpress search field as a widget - you will lose 10-20 points. So this is quite a serious issue as well as atahualpa can be optimized with some css inserts.
The problems with the search wirdge are:
When an image is being used as an button, providing alternative text can help screen reader users understand the purpose of the button.
Labels ensure that form controls are announced properly by assistive technologies, like screen readers
This is the most important help topic in the forum - and should the bytesforall.com forum go down - here is a backup:
http://forum.bytesforall.com/showthread.php?t=23158
Originally posted by Juggledad.
To get your Atahualpa site pass the Google 'Mobile-Friendly Test' do the following. This will make your site mobile friendly. If you don't pass the test after doing this - disable ALL your plugins and test again to see if a plugin is causing the issue.
go to ATO->Style & configure LAYOUT->Layout WIDTH and type (FLUID or FIXED) and set it to a percentage (as opposed to a 'fixed' width) then set the 'Layout MIN width' option to 320 (iPhone 4 size) or remove it altogether.
add the following to ATO->Add HTML/CSS Inserts->HTML Inserts: Header
<meta name=viewport content="width=device-width, initial-scale=1", user-scalable=yes>
<body onresize="OnResizeDocument()" >
<script>
jQuery(document).ready(function($) {
if( $(window).width() < 768 ) {
// If any left sidebar exists
if ( $('#left').length || $('#left-inner').length ) {
$("#middle").detach().prependTo('#bodyrow');
}
}
});
</script>
<script type="text/javascript">
function OnResizeDocument () {
if( window.innerWidth < 767 ) {
// jQuery(function($) {$("#middle").detach().prependTo('#bodyrow'); } );
}
if( window.innerWidth > 767 ) {
jQuery(function($) {$("#left").detach().prependTo('#bodyrow'); } );
}
}
</script>
@media only screen and (max-width: 767px) {
table#layout,
table#layout > tbody,
table#layout > tbody > tr,
table#layout > tbody > tr > td,
table#layout > tr,
table#layout > tr > td,
table#layout td#header,
table#layout td#left,
table#layout td#left-inner,
table#layout td#middle,
table#layout td#right,
table#layout td#right-inner,
table#layout td#footer {
display: block;
}
table#layout > colgroup {
display: none;
}
div#wrapper,
td#middle {
width: auto;
}
}
.hentry img {
max-width: 99%;
height: auto !important;
display: block !important;
}
Note: in steps 4 and 5 you can adjust the number (767) to suit your choice.
Thanks to Flynn, sawyerjw, yukoner, kayphoonstar and extremecarver for their contributions.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.