Title: CSS header menu & image
Last modified: October 13, 2017

---

# CSS header menu & image

 *  [phaolo](https://wordpress.org/support/users/phaolo/)
 * (@phaolo)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/css-header-menu-image/)
 * Hello,
    I’m trying to modify the header menu & image of a theme. Can you please
   help me?
 * First of all.. why so many of them have limited options? (e.g: only 1 menu, no
   footer, etc) Basically, I had to choose a theme depending on the settings, more
   than on the actual graphic.
    Canuck seems ok, but is there an even more customizable
   one?
 * About the header menu CSS, I’m unsuccessfully trying to:
    1- make it wide and
   center it in the page. 2- make submenu entries large like the main ones. 3- if
   I resize the browser window, make the menu pass to mobile mode before going to
   a new line.
 * My current clumsy code for making it wide is:
 *     ```
       .header-logo-menu-strip {
       	max-width: 100%;
       	width: 1200px;
       }
       ```
   
 * About the header image:
    4- is there a way to make it different for each page?
   I can probably only modify the CSS..
    -  This topic was modified 8 years, 7 months ago by [phaolo](https://wordpress.org/support/users/phaolo/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-header-menu-image%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Airster](https://wordpress.org/support/users/airster/)
 * (@airster)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/css-header-menu-image/#post-9584624)
 * Hi.
 * Regarding centring the menu, the template you are using expects a logo on the
   left side of the header, and also floats your menu (nav element) to the right.
   You need to tell the site not to display a logo at all. Currently it is reserving
   the space for a logo.
 * 1) Remove the logo area:
 * .header-image-left {
    display: none; }
 * 2) Stop the nav element floating right and centre it with margins:
 * nav {
    float: none !important; margin: 0 auto !important; }
 * You will probably want to tidy this up a bit but it works.
 *  Thread Starter [phaolo](https://wordpress.org/support/users/phaolo/)
 * (@phaolo)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/css-header-menu-image/#post-9585249)
 * Thank you Airster.
    It would have been impossible for me XD However, why does
   the menu jump to the upper-left if I scroll down?
 * And about the other points, does anyone else have suggestions?
 *  Thread Starter [phaolo](https://wordpress.org/support/users/phaolo/)
 * (@phaolo)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/css-header-menu-image/#post-9588560)
 * There so many new questions in this subforum…
    BUMP!

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

The topic ‘CSS header menu & image’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [phaolo](https://wordpress.org/support/users/phaolo/)
 * Last activity: [8 years, 7 months ago](https://wordpress.org/support/topic/css-header-menu-image/#post-9588560)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics