WordPress.org

Ready to get started?Download WordPress

Forums

CSS
[Theme: Twenty Twelve] CSS changes messed up on mobile (2 posts)

  1. jvisgaitis
    Member
    Posted 1 year ago #

    Hi all,

    I've created a child theme for a friend's site I'm working on and I'm happy the way it finally turned out. We were doing some checks on different browsers and the menu is messed up on mobile platforms specifically iPad, iPhone, and Android.

    I used CSS to put the menu below the header image and if I revert take that change out, it looks fine on mobile so I have isolated the issue and I know that is what the problem is. I'm decent with CSS, but with this I have no idea what I need to change to fix it.

    Can anyone take a look at this and give me some advice? The URL for the blog is: http://alexandermfreed.com/wp Thanks, I appreciate the help!

    http://wordpress.org/extend/plugins/css/

  2. poyilath
    Member
    Posted 1 year ago #

    An easier way would be to edit the header.php of your theme. Make a copy of the file from the parent to your child folder before editing.

    Move

    <nav id="site-navigation" class="main-navigation" role="navigation">
    ...........
    </nav><!-- #site-navigation -->

    to just before </header><!-- #masthead -->

    Had used the same on my site after finding the solution here at support itself.

    Hope it helps.

    Hope it helps.

    Cheers.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic