CSS header menu & image

  • phaolo

    (@phaolo)


    8 years, 5 months ago

    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, 5 months ago by phaolo.

    The page I need help with: [log in to see the link]

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

    (@airster)

    8 years, 5 months ago

    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

    (@phaolo)

    8 years, 5 months ago

    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

    (@phaolo)

    8 years, 5 months ago

    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.