mobile

Display posts on a map

The GPS position is saved on two post meta fields: geo_latitude and geo_longitude. You can use these meta values to draw the posts as markers on a Google Maps. For example, using Google Maps API, you could have a template like this: <h1>Posts on map</h1> <div id=”map” style=”height: 400px;”></div> <script> // init map with the … Read more

App in wordpress doesnt fit to mobile screen

The best approach would be as toscho said in the comments – to write your own script an make it mobile friendly from the start. But if you want a quick, temporary solution you could do something like this: <div id=”maincontainerWrapper” style=”overflow: auto;”> <div id=”maincontainer” style=”position: relative;”> … </div> </div> then your calculator app will … Read more

How can I hide/show text only for mobile users?

I guess that you can set the class for the paragraph and set it’s display to none only on mobile view. Such as, @media screen and (max-width:479px){ .nameofclasswhichtheparagraphhas {display:none;} } And add a button below it but set it’s display to none for Laptop users. Such as, @media screen and (max-width:768px){ .theclassofthebuton {display:none;} } and … Read more

Close Mobile Slide Menu on Click

I was able to find an answer to this provided by @malihu, author of the page to scroll id plugin – as @malihu noted, I was using a one-page menu for my theme, and the function of click to scroll isn’t tied to a page. This code ties the menu action to the scroll and … Read more

+ More