header not centred?

  • Resolved mtm

    (@flatpack-music)


    10 years, 5 months ago

    please take a look at https://beta.mindfulworld.co.uk/ to see fruitful at work on a site i’m building.

    i’ve fought hard with extra bits of code and compensated padding to make the menu actually centered (it was floating to the left even when the menu position > center option was selected), but it is still the case that the central axis of the header is to the right of that of the body below (see how the slider extends further on the left hand side than the right, then note how the content beneath the slider is centred correctly.

    does anyone know what i can do to get everything centrally aligned on the same axis please?

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

  • Hi flatpack,
    I must admit this was a bit tricky ??
    Centering the header logoo it’s quite easy. The first code does this. If it doesn’t work add !important to the commands.

    #page .container header .header-hgroup.center-pos {
  float: none;
  margin: 0;
}

    This is for the navigation menu. It’s the best that can be done, unfortunately it doesn’t exists a command to “justify” a menu.

    .main-navigation {
  height: 40px;
  margin: 0 auto;
  width: 900px;
}
    Thread Starter mtm

    (@flatpack-music)

    thanks giulio,

    do you suggest i put this into the custom CSS area, or into one of the master files in the editor?

    mat

    Theme Author Fruitful Code

    (@fruitfulcode)

    flatpack-music,

    In new theme version we added new options for header image,
    Please wait for release.

    You can add changes to theme options > custom css or create child theme.

    Thread Starter mtm

    (@flatpack-music)

    thanks for the speedy response. what’s the timescale on the new release please?

    Theme Author Fruitful Code

    (@fruitfulcode)

    flat pack-music,

    Probably at the beginning of next week.

    Thread Starter mtm

    (@flatpack-music)

    oh great – thanks.

    Thread Starter mtm

    (@flatpack-music)

    also – for reference:

    giulio, those two bits of code inserted into fruitful’s custom CSS box work a treat! https://beta.mindfulworld.co.uk/

    that’s why i’m marking this as resolved right now, although if the next version of fruitful contains a different fix for this issue then that will be worth checking out for anyone else struggling with this, no doubt!

    m

    Flatpack,
    I’m happy it solved your problem ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘header not centred?’ is closed to new replies.