Title: Columns in header
Last modified: June 23, 2019

---

# Columns in header

 *  [danborjesson](https://wordpress.org/support/users/danborjesson/)
 * (@danborjesson)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/columns-in-header/)
 * Hello!
 * Trying to customize the header with a child theme attached to the bootstrap starter
   theme. I want to add the entry-title at the header and also move the menu to 
   a column.
 * Is it best to add a header.php to the child (and how to call it? only have a 
   style.css and functions.php right now). And how to put the entry-title?
 * Thanks on behalf
 * /D
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcolumns-in-header%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Theme Author [Afterimage Designs](https://wordpress.org/support/users/afterimagedesigns/)
 * (@afterimagedesigns)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/columns-in-header/#post-11665666)
 * Hi danborjesson,
 * Thanks for using our theme. If you’re going to modify the header, it would be
   best to copy the header.php from the parent theme then paste it on the child 
   theme. For the entry title, please check first which template you are using since
   there are a variety of templates on the theme [http://prntscr.com/o5tmi8](http://prntscr.com/o5tmi8).
   Then cut this line of code [http://prntscr.com/o5tmuw](http://prntscr.com/o5tmuw)
   and add it on the header.php on the child theme.
 * Please let me know your feedback if this solves your issue. Thanks.
 *  Thread Starter [danborjesson](https://wordpress.org/support/users/danborjesson/)
 * (@danborjesson)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/columns-in-header/#post-11665787)
 * Thank you so much [@afterimagedesigns](https://wordpress.org/support/users/afterimagedesigns/)
   this was really good help!
 * I now have the entry-title in the header, and my next question is: Is it possible
   to put the website title in one column, the entry-title in another, and the menu
   in a third column, that follows my grid on the page?
 * I have tried to add like <div class”col-X> to the header, but it doesn’t work
   as I want, any suggestions?
 * / D
 *  Theme Author [Afterimage Designs](https://wordpress.org/support/users/afterimagedesigns/)
 * (@afterimagedesigns)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/columns-in-header/#post-11669051)
 * Hi [@danborjesson](https://wordpress.org/support/users/danborjesson/),
 * Can you please elaborate more about your issue? I think creating a wireframe 
   would help me understand what you want for the header.
 * Please let me know your feedback. Thanks.
 *  Thread Starter [danborjesson](https://wordpress.org/support/users/danborjesson/)
 * (@danborjesson)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/columns-in-header/#post-11670538)
 * Maybe this is not a theme issue, but still asking.
 * I have created a column system with <div class=”col-md-2″><div class=”col-md-
   4″>, <div class=”col-md-4″> and <div class=”col-md-2″> where I spread out my 
   content.
 * And I want my header to follow the same columns(“grid”), so I tried to put the
   site title in the first column, the entry title in the second and the the menu
   in the third (and the fourth is just empty).
 * But the problem is that the nav-toggle collapse even in full screen mode, and
   on the mobile screen (because I have the .container width to 100%) all the columns
   in the header becomes full width and in a list instead of lined up in a row.
 * Can’t find a way around this!
 * Thanks again!!
 * /D
 *  Theme Author [Afterimage Designs](https://wordpress.org/support/users/afterimagedesigns/)
 * (@afterimagedesigns)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/columns-in-header/#post-11677117)
 * Hi [@danborjesson](https://wordpress.org/support/users/danborjesson/),
 * Is this what you want from the header [http://prntscr.com/o7afmu](http://prntscr.com/o7afmu)?
   If this is what you want, kindly follow this HTML arrangement [http://prntscr.com/o7afxt](http://prntscr.com/o7afxt).
   As for the mobile, if you can elaborate it more I can help you with it. Thanks.
 *  Thread Starter [danborjesson](https://wordpress.org/support/users/danborjesson/)
 * (@danborjesson)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/columns-in-header/#post-11693555)
 * Thanks [@afterimagedesigns](https://wordpress.org/support/users/afterimagedesigns/)
   for still replying!
 * If I put the navbar in a column like I did with all of the my other things in
   the header it becomes a hamburger-toggle right away, it breaks.
 * I wonder if I can change `
    <nav class=”navbar navbar-expand-xl p-0″>` to prevent
   that!
 * Cheers!
 *  Theme Author [Afterimage Designs](https://wordpress.org/support/users/afterimagedesigns/)
 * (@afterimagedesigns)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/columns-in-header/#post-11695392)
 * Hi [@danborjesson](https://wordpress.org/support/users/danborjesson/),
 * If you’re using a child theme, feel free to modify the navbar class. You can 
   use navbar-expand-xl class to prevent that.
 * Please let me know if this solves your issue. Thanks.
 *  Thread Starter [danborjesson](https://wordpress.org/support/users/danborjesson/)
 * (@danborjesson)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/columns-in-header/#post-11696308)
 * [@afterimagedesigns](https://wordpress.org/support/users/afterimagedesigns/) 
   I’m sorry for being unclear.
 * But if I wrap the nav-bar in a div col, it becomes a hamburger toggle even in
   desktop size. Because the width gets to small. I want to prevent that so if I
   is on my site at my computer it get the normal menu with links, and when I switch
   to mobile I want the hamburger.
 * I’m doing this in a child theme. And I can’t find a proper way to solve this.
   Tried many combinations..
 * Cheers / D
 *  Theme Author [Afterimage Designs](https://wordpress.org/support/users/afterimagedesigns/)
 * (@afterimagedesigns)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/columns-in-header/#post-11810863)
 * Hi [@danborjesson](https://wordpress.org/support/users/danborjesson/),
 * Sorry for the delay. You can manipulate the hamburger toggle using custom CSS
   since the classes have their own default styling. You could overwrite and limit
   it to specific media screen size. Be sure to add the CSS on the child theme so
   that when the theme updates it will not remove your settings.
 * Please let me know if this solves your issue. Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Columns in header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/wp-bootstrap-starter/3.3.6/screenshot.
   png)
 * WP Bootstrap Starter
 * [Support Threads](https://wordpress.org/support/theme/wp-bootstrap-starter/)
 * [Active Topics](https://wordpress.org/support/theme/wp-bootstrap-starter/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/wp-bootstrap-starter/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/wp-bootstrap-starter/reviews/)

 * 9 replies
 * 2 participants
 * Last reply from: [Afterimage Designs](https://wordpress.org/support/users/afterimagedesigns/)
 * Last activity: [7 years, 1 month ago](https://wordpress.org/support/topic/columns-in-header/#post-11810863)
 * Status: not resolved