Title: Header Image Layout
Last modified: March 4, 2017

---

# Header Image Layout

 *  [kangxingc](https://wordpress.org/support/users/kangxingc/)
 * (@kangxingc)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/header-image-layout/)
 * Dear Bishal,
 * I think you’ve made a great theme and clearly have invested a lot of effort here.
   Most of the functions work as intended, and I’ve only one scenario which I encounter
   some challenges. I’ve applied an image header and as a result, there are 2 unintended
   consequences:
 * 1) Incoming traffic may not be aware that there is additional content by scrolling
   down, and hence may go back to google search results to find other sites.
    2)
   the menu is located at the bottom. When moused-over, the submenus appear at the
   bottom and get truncated.
 * Given the above situation, my wish list is as follows:
    1) An optional button
   on the image header section to allow users to scroll down (with one click) to
   the content or latest posts on the home page. 2) An option for sub-menus to be
   displayed at the top instead of bottom of main menus.
 * My website is as per below for your reference. Look forward to hear from you.
   
   [http://newsgpropertylaunches.com](http://newsgpropertylaunches.com)

Viewing 1 replies (of 1 total)

 *  Theme Author [Bishal Napit](https://wordpress.org/support/users/mebishalnapit/)
 * (@mebishalnapit)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/header-image-layout/#post-8875043)
 * [@kangxingc](https://wordpress.org/support/users/kangxingc/)
 * For those customization work, if you can code it on your own then, you can create
   a child theme and then utilize this jQuery library: Smooth Scroll (link: [https://github.com/cferdinandi/smooth-scroll](https://github.com/cferdinandi/smooth-scroll))
   for the scrolling featured addition to header image.
 * For the menu issue, if you are asking to display the sub-menu too at top aligned
   with the main-menu, then, you can create a child theme and then duplicate the**
   header.php** file an then find this code:
    `<?php wp_nav_menu(array('theme_location'
   => 'primary', 'menu_id' => 'primary-menu')); ?>` which can be replaced with the
   below code and check: `<?php wp_nav_menu(array('theme_location' => 'primary','
   menu_id' => 'primary-menu', 'depth' => -1 )); ?>`
 * If you want the tutorial on creating the child theme and the basic child theme
   of this theme to extend the parent theme functionality, then, here is the link:
   [https://napitwptech.com/tutorial/wordpress-development/tutorial-creating-wordpress-child-theme/](https://napitwptech.com/tutorial/wordpress-development/tutorial-creating-wordpress-child-theme/)
 * Thanks.
    Bishal Napit

Viewing 1 replies (of 1 total)

The topic ‘Header Image Layout’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/masonry-brick/1.0.8/screenshot.
   jpg)
 * Masonry Brick
 * [Support Threads](https://wordpress.org/support/theme/masonry-brick/)
 * [Active Topics](https://wordpress.org/support/theme/masonry-brick/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/masonry-brick/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/masonry-brick/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Bishal Napit](https://wordpress.org/support/users/mebishalnapit/)
 * Last activity: [9 years, 2 months ago](https://wordpress.org/support/topic/header-image-layout/#post-8875043)
 * Status: not resolved