Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 16, 2016 at 5:36 pm #633168
    dereknicholson

    My client has an unfortunately stacked logo which I have to render quite tall to make readable.

    I am also using the extra elements bar above the nav bar, so now I have quite a lot of real estate with nothing much in it.

    I have found code on a separate thread to overflow the logo from the nav bar, but this pushes it down into the content area, rather than up into the extra element bar.

    Is there a quick CSS fix that can make this work?

    May 16, 2016 at 5:45 pm #633180
    Yigit

    Hi Derek!

    Can you please post a screenshot and show the changes you would like to make?
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    May 16, 2016 at 5:57 pm #633189
    dereknicholson

    Link here:

    https://www.dropbox.com/sh/7zpcz7ehv0i4oc6/AADbve21CzCXeegYVKPIplJDa?dl=0

    I’d ideally like to keep the logo the same size, but be able to reduce the height of the nav bar, and have the logo overflow upwards into the grey extra elements bar

    May 17, 2016 at 1:17 pm #633724
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header_main {
    z-index: 10;
}
strong.logo {
    top: -20px;
}

    Then you can go to Enfold theme options > Header and change header size

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.