How to move the header image lower?

  • Author
  • #103817

    How can I move the header image lower so that it doesn’t get cut off by the top menu?
    See the image:


    Cryout Creations mastermind

    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
    Please check the available documentation and search the forums before starting a topic.
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘How to move the header image lower?’ is closed to new replies.