How to move the header image lower?

  • Author
    Posts
  • #103817

    How can I move the header image lower so that it doesn’t get cut off by the top menu?
    See the image:
    https://postimg.cc/6yd3fW03

    Thanks

    #104597
    Zed
    Cryout Creations Team

    Your main navigation is long enough that it doesn’t fit in the available space and overflows onto the header image.
    To avoid this you can either rearrange your menu items so they take up less horizontal space or force-activate the mobile menu earlier:

    @media (max-width: 123px) {
       .cryout #nav-toggle {
    	display: block;
       }
       .cryout #branding {
    	margin-right: 3em;
       }
       #masthead.cryout #access {
    	display: none;
       }
    }

    Replace 123px with the screen width value when the menu starts overflowing (or a few pixels before).


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
Viewing 2 posts - 1 through 2 (of 2 total)

You need to log in to reply to this topic.