Placement Menu Custom Line Up Logo and below logo

Hey andryd,

Sorry for the late reply. Could you post a link to your actual site so that we can have a closer look please?

Best regards,
Rikard

Hi,

Thanks for that. Please try adding the links in a widget in the header instead: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Rikard

Hi,
Please try using the browser inspector in the Dev Tools

Best regards,
Mike

Hi,
When I check in Safari the page loads correctly, not like your screenshot, so I don’t know why you are seeing this.
But the page content classes below the text in the screenshot don’t belong to Enfold or WordPress
markdown prose

I assume that you are using a plugin and perhaps at that time it had a hickup, or perhaps your Safari adblock is on blocking the script for the plugin, since I can’t reproduce the error I’m only guessing.

Best regards,
Mike

Hi,
Based on your mockup you want is smaller around 35px, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.logo, .logo a, .logo img, .av-logo-container {
    max-height: 35px;
    height: 35px;
    line-height: 35px;
}

please adjust to suit and after applying the css, please clear your browser cache and check.
The expected results

Best regards,
Mike

Hi,

Thank you for the screenshot.

You may have to adjust the height of the header on smaller screens. Please add this css code.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header {
    height: 200px;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

Adding this css code should adjust the space below the columns.

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .flex_column.av-aeojcb-ba774702a778e4ef03b33416445dc95a,
  .responsive #top #wrap_all .flex_column.av-f4v2wb-e42519b148782c16cb969eeccaa5f926 {
    margin-bottom: 20px;
  }
}

Best regards,
Ismael