WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Spun - few issues on smartphones / PC (11 posts)

  1. polly001
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #

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

  7. polly001
    Member
    Posted 1 year 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 :-)

  8. amanduhb52
    Member
    Posted 11 months ago #

    Hi Caroline, can you offer insight as to what element to style to massage the new "untoggled" mobile menu?

    Thank you!

    Amanda

  9. Andrew
    Forum Moderator
    Posted 11 months ago #

    Hi Amanda, can you create a thread about this?

  10. amanduhb52
    Member
    Posted 11 months ago #

    Surely.

  11. esmi
    Forum Moderator
    Posted 11 months ago #

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic