Improve header content placement on mobile

  • Author
    Posts
  • #35503
    Jena

    I too am having problems with my mobile version. It’s on the header though. The title and tagline are covering my face in the picture, as opposed to being in the correct place on the desktop version. If anyone knows how to adjust these settings that would be helpful.

    Thanks,
    Jena

    #35545
    Zed
    Cryout Creations mastermind

    To resolve the site title/tagline overlapping the header image on smaller device you can use this custom styling:

    @media (max-width: 640px) {
        body #header-container > div { margin-left: 0; max-width: 60%; }
    }

    Place it in the theme’s Custom CSS field (in the settings).


    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.
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Improve header content placement on mobile’ is closed to new replies.