WordPress.org

1. polly001
   Member
   Posted 4 months ago #
   

   Hi there

   Noticed a few differences when viewing on different smartphones as well as PC.

   1) Am using only posts and have no pages I wanted to omit the tab on top right saying home, as when my logo is clicked it takes you back to first page so it acts like a homepage. I managed to do this by creating my own menu and then activating it. When viewing on PC it looks exactly how i want it to look....logo at the top with post circles below and the navigational side arrows (moving between posts.)
   I have just viewed it on a samsung and HTC phone and the word MENU still appears but when it is clicked nothing happens. How do I remove this word?

   2) The navigational side arrows appear different on the 2 phones. On samsung they don't appear at all and on HTC they appear but some of arrows missing.

   thanks

2. Caroline Moore
   Member
   Theme Author
   Posted 4 months ago #
   

   It sounds like these issues are specific to the phones you're using, which I don't have a way to troubleshoot.

   You could disable the mobile toggle menu for your site by removing the Javascript that triggers it. Add this to your child theme's functions.php:

   function spun_deactivate_menu() {
      wp_dequeue_script( 'spun-toggle' );
   }
   add_action( 'wp_print_scripts', 'spun_deactivate_menu' );

   Untested, but that should remove the script. The resulting menu may not look pretty, but should (sorta) function. You can probably massage it a bit with CSS.

   I don't have any tips for the navigation, sorry. Maybe someone who has one of these phones can weigh in with a CSS fix.

3. polly001
   Member
   Posted 3 months ago #
   

   Hi Caroline

   Your demo views fine on my phone ie: it's responsive which is what I want. The circles appear in 2 columns, mine only 1. I suspect it must have been some things I've changed in my child theme (possibly reducing padding?) that has messed with the responsive settings in the parent files.

   In the original style.css are there any commands you have regarding responsive nature? Are there any particular padding dimensions that should not be changed in your opinion?

   There's a plugin that makes themes responsive but I don't want to use it incase it messes with the whole thing.

   thanks

4. polly001
   Member
   Posted 3 months ago #
   

   Update on smartphone appearance.....after much fiddling around...

   I managed to find the culprit that is making my site act non responsively on phones - it was the changes i made to the circles on the homepage (changed background colour, font size and colour and hover background colour).

   As soon as I deleted these lines from my child theme stylesheet the problem no longer exists. When viewing on a phone it now appears as the demo - 2 columns of circle posts.

   Any ideas how i can change the post circles elements without affecting the responsiveness?

   much thanks

5. Caroline Moore
   Member
   Theme Author
   Posted 3 months ago #
   

   It's possible the font changes did something, but I can't say for sure. I would apply each of the desired changes one by one to pinpoint the one that appears to be causing the problem.

6. polly001
   Member
   Posted 3 months ago #
   

   thanks Caroline will tackle this one tomorrow and let you know the outcome.

7. polly001
   Member
   Posted 3 months ago #
   

   It seems to be working now.
   I deleted everything relating to post circle changes and added item by item and seemed to work.
   thanks :-)

Reply

You must log in to post.