WordPress.org

Forums

Spun
[resolved] Repositioning Mobile Menu (19 posts)

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

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

  8. soulluciani01
    Member
    Posted 1 year ago #

    Yes.

  9. Andrew
    Forum moderator
    Posted 1 year 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 1 year ago #

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

  11. Andrew
    Forum moderator
    Posted 1 year ago #

    Could you link the webpage in question?

  12. soulluciani01
    Member
    Posted 1 year ago #

  13. Andrew
    Forum moderator
    Posted 1 year 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 1 year 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 1 year ago #

    Could you link the page with that issue?

  16. soulluciani01
    Member
    Posted 1 year ago #

  17. Andrew
    Forum moderator
    Posted 1 year ago #

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

  18. soulluciani01
    Member
    Posted 1 year 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 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.