Title: adding top bar in Confit theme
Last modified: April 4, 2017

---

# adding top bar in Confit theme

 *  [hmn566](https://wordpress.org/support/users/hmn566/)
 * (@hmn566)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/adding-top-bar-2/)
 * Hi …
    How can i add a narrow topbar in confit theme. I want to add language selector
   and contact us in that top bar. this is the link of theme [https://confitdemo.wordpress.com/](https://confitdemo.wordpress.com/)
   Thanks
    -  This topic was modified 9 years, 2 months ago by [hmn566](https://wordpress.org/support/users/hmn566/).

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

 *  [dcoleonline](https://wordpress.org/support/users/dcoleonline/)
 * (@dcoleonline)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/adding-top-bar-2/#post-9008239)
 * Hi there,
 * Could you send over a link to your site?
 *  Thread Starter [hmn566](https://wordpress.org/support/users/hmn566/)
 * (@hmn566)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/adding-top-bar-2/#post-9009121)
 * Hi …
    My site is not finished yet … but it will be exactly like the link i sent.
   [https://confitdemo.wordpress.com/](https://confitdemo.wordpress.com/) you can
   examine this link as well.
 * Thanks
 *  [dcoleonline](https://wordpress.org/support/users/dcoleonline/)
 * (@dcoleonline)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/adding-top-bar-2/#post-9023546)
 * Making these changes would require some code changes in a child theme, so you’ll
   need to be comfortable editing theme files to accomplish this.
 * Making a child theme prevents your changes from being overwritten when you update
   the theme. If you’re new to child themes, here are some resources to help:
 * [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes)
 * [
https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/](https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/)
 * Once you have your child theme created, you’ll want to put a copy of Confit’s
   header.php file into your child theme’s folder. This way, you can add some HTML
   to this file, and it will appear on every view of the site, because the header
   is loaded on all views.
 * You’ll probably want to add an HTML div tag into the header.php file that will
   be used as the top bar. Then you’ll want to add CSS into the child theme’s style.
   css file in to adjust the appearance of that div.
 * You’ll likely need to use some CSS media queries to make it work well on tablets
   and phones. Here are a few resources on using those:
 * [https://www.w3schools.com/css/css_rwd_mediaqueries.asp](https://www.w3schools.com/css/css_rwd_mediaqueries.asp)
 * [https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries)
 * If you get stuck, feel free to share the code you have, and I’ll take a look.

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

The topic ‘adding top bar in Confit theme’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/confit/1.3.3/screenshot.png)
 * Confit
 * [Support Threads](https://wordpress.org/support/theme/confit/)
 * [Active Topics](https://wordpress.org/support/theme/confit/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/confit/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/confit/reviews/)

## Tags

 * [child](https://wordpress.org/support/topic-tag/child/)

 * 4 replies
 * 2 participants
 * Last reply from: [dcoleonline](https://wordpress.org/support/users/dcoleonline/)
 * Last activity: [9 years, 2 months ago](https://wordpress.org/support/topic/adding-top-bar-2/#post-9023546)
 * Status: not resolved