Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 9, 2015 at 7:44 pm #393248
    msqinc

    I’ve been trying to figure out how to get the attached layout for the header
    http://easycaptures.com/fs/uploaded/740/8445950145.jpg
    I would like the header_meta area to not be full with allowing for the logo to be the height of the combined main menu and header_meta area.

    Is there away to accomplish this?

    Thank you,

    S

    • This topic was modified 9 years, 9 months ago by msqinc.
    February 10, 2015 at 5:48 pm #393817
    Elliott

    Hey msqinc!

    Based on your screenshot it looks like your trying to move the main level links down a bit and set the secondary menu position to the top right.

    Go ahead and add this to your custom CSS.

    .av-main-nav > li > a {
  padding-top: 20px !important;
}

    And then send us a link to your page and we’ll take a look. You can set your reply as private if you wish.

    Regards,
    Elliott

    February 10, 2015 at 9:26 pm #393992
    msqinc
    This reply has been marked as private.
    February 11, 2015 at 7:11 pm #394602
    Elliott

    Hi!

    So on small screens your logo is disappearing correct? Add this.

    #header_meta { background: transparent !important; }

    That’s still going to look weird though because your header_meta and the logo will be overlapping each other.

    Take a screenshot and highlight what your trying to do there so we can get a better idea.

    Regards,
    Elliott

    February 11, 2015 at 7:54 pm #394643
    msqinc
    This reply has been marked as private.
    February 12, 2015 at 1:42 pm #394972
    Ismael

    Hi!

    Are you open to the idea of reverting the header styling back to its original state when viewing on smaller screens? You can place the modification inside a media query:

    @media only screen and (min-width: 768px) {
#header_meta {
background-color: #ffffff;
border-bottom-style: none;
border-bottom-width: 0;
border-top: medium none;
font-family: "Droid Serif",Georgia,Times,serif;
font-size: 1.1em;
font-weight: normal;
margin-bottom: -1px;
min-height: 30px;
position: absolute;
right: 0;
top: 15px;
z-index: 10;
}
}

    Best regards,
    Ismael

    February 12, 2015 at 6:50 pm #395238
    msqinc

    Brilliant!!!! That works.

    Thank you for the change in direction!

    Best Regards,

    Sandra

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Header layout. header_meta that is not full with that allow sfor a larer logo’ is closed to new replies.