Need to move headder down on mobile

  • Author
    Posts
  • #41550

    We are using a few plugins on this podcast site. The problem we’re having is placement of the menu (hamburger) on mobile. I need to shift it down about 20’ish pixels so the Ultimate Social Media PLUS button will not appear over the menu.

    I need menu or header to go down so button fit above menu (hamburger). I’m fine if that forced the desktop version to shift down also. I can adjust other things to make it look nice.

    Thanks for any help.

    Website: deeperpodcast.com

    #41552
    Zed
    Cryout Creations mastermind

    Try this CSS:

    @media (max-width: 640px) {
       #header { padding-top: 40px; }
       #nav-toggle { top: 40px; }
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #41558

    Zed,
    That was a no go.

    I put your suggestion in the custom CSS area. No change. I even tried increasing the “#header { padding-top:” to 80px.
    Still no change.

    I’m leaving the custom CSS in place, in case you want to take a look.

    Any other suggestions?

    Website: deeperpodcast.com

    #41642
    Zed
    Cryout Creations mastermind

    I cannot locate the custom CSS in the source of your website. Make sure it is saved/included.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #41743

    I fixed the Custom CSS….it did move the logo down….but NOT the menu hamburger.
    Take a look now. Thanks.

    Website: deeperpodcast.com

    #41805
    Zed
    Cryout Creations mastermind

    Change that to
    body #nav-toggle { top: 40px; }


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #42122

    That did it….Thanks!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Need to move headder down on mobile’ is closed to new replies.