WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Repositioning Mobile Menu (19 posts)

  1. soulluciani01
    Member
    Posted 11 months ago #

    I would like to change the layout of the mobile menu only. Not the tablet or browser menu. Is this possible? If so, a few pointers would be great!
    Thanks.

  2. coder314159
    Member
    Posted 11 months ago #

    Yes, you'll need to look into the CSS for the theme and make the changes in the child-theme. Lots of tutorials for child themes on WordPress.org

  3. soulluciani01
    Member
    Posted 11 months ago #

    I have a child theme set up and have made a bunch of edits already. I'm just not sure what to edit to accomplish my goal.

  4. soulluciani01
    Member
    Posted 11 months ago #

    I specifically would like to move the menu down a few lines and replace it, so it is at the left side of the screen. Is there anyone who may be able to give me a few pointers on what to edit?

  5. Andrew
    Forum Moderator
    Posted 11 months ago #

    How familiar are you with CSS, do you know how to position stuff with CSS already and just want to know which CSS selectors to target?

  6. soulluciani01
    Member
    Posted 11 months ago #

    I know a little bit and have been successful making other edits. But I am definitely a beginner so as much info as you can provide is helpful. Thanks

  7. Andrew
    Forum Moderator
    Posted 11 months ago #

    Is this what you want http://snag.gy/gzbjP.jpg ?

  8. soulluciani01
    Member
    Posted 11 months ago #

    Yes.

  9. Andrew
    Forum Moderator
    Posted 11 months ago #

    At the bottom of your Child Theme style.css file add this:

    @media only screen and (max-width : 320px) {
    
     .site-navigation {
      clear: left;
      margin-top: 1em;
     }
    
     .menu-toggle,
     .site-navigation { float: left; }
    
    }
  10. soulluciani01
    Member
    Posted 11 months ago #

    I tried that.. it didn't do anything.

  11. Andrew
    Forum Moderator
    Posted 11 months ago #

    Could you link the webpage in question?

  12. soulluciani01
    Member
    Posted 11 months ago #

  13. Andrew
    Forum Moderator
    Posted 11 months ago #

    I can't see where you added the CSS, but you have a syntax error near the bottom of your stylesheet, here:

    #masthead img {
        float: right;
        max-height: 75px;
        width: auto;

    You need to close off that style.

  14. soulluciani01
    Member
    Posted 11 months ago #

    That worked. Thanks for noticing. It did create another situation tho. the circles are no longer in pairs going strait down. Where should i change this?

  15. Andrew
    Forum Moderator
    Posted 11 months ago #

    Could you link the page with that issue?

  16. soulluciani01
    Member
    Posted 11 months ago #

  17. Andrew
    Forum Moderator
    Posted 11 months ago #

    I think you're mixing 2 threads up.
    http://wordpress.org/support/topic/responsive-adjustments

  18. soulluciani01
    Member
    Posted 11 months ago #

    The above link is the page that I am having the mobile issue with. Once I adjusted the menu placement, the post circles on the above link got all wacky. They use to have 3 rows of 2 posts now they have 2 rows of 4 posts.

  19. soulluciani01
    Member
    Posted 11 months ago #

    I found the issue. I had to remove the #page attributes. Thanks for your help!! I really Appreciate it. I still have another question on my other thread if you have a second.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.