Affinity theme, menu above the picture

  • Unknown's avatar
    innowacjewbiznesie · Member ·

    I am using Affinity theme, Premium plan and would like to change the top-menu to have all items in one line on the black background above the picture and to have above this menu place for logo. Could you please help me to resolve these two issues ?

    Many thanks in advance.

    Joanna

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    Your site is set to private but based on the theme demo you can force the main menu to stretch out further for desktops (which will stop it breaking into multiple lines if you have lots of menu items) by adding this to your custom CSS:

    @media screen and (min-width: 46em) {
  .main-navigation {
    max-width: 80%;
  }
  .site-branding {
    max-width: 20%;
  }
}

    To include a logo above the menu upload the image to your library and include the URL in the following code instead of the placeholder image I’m using:

    #site-navigation {
  padding-top: 90px;
  background: url("http://placehold.it/300x80") no-repeat top right;
}

    You might want to change the percentages or padding based on the length of your site title and the height of your logo.

  • The topic ‘Affinity theme, menu above the picture’ is closed to new replies.