New Landing How can we help? Cardinal Vertical Header Logo Margin Top

Viewing 15 posts - 1 through 15 (of 22 total)
  • Posted in: Cardinal
  • #91282
    icecast
    Member
    Post count: 182

    in header layout #10, any suggestions to make .vertical-header #logo have same margin-top as content to the right? by default, it is substantially lower than content on desktop …

    i tried adjusting padding and margin, logo looked fine, but when logged in, the admin bar covered logo

    #91321
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this to your custom css:

    #logo a:before {
      height: auto;
    }

    – Kyle

    #91327
    icecast
    Member
    Post count: 182

    unfortunately did not work, also tried !important

    #91331
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    it did work, I can see that it’s moved up a little bit. You just need to add this as well:

    .vertical-header #header-section #header {
      padding: 10px 0 40px;
    }

    – Kyle

    #91337
    icecast
    Member
    Post count: 182

    when logged in, the admin bar covers up the logo

    #91345
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    That’s because of the CSS change

    – Kyle

    #91347
    icecast
    Member
    Post count: 182

    obviously, that is why the attempted solution does not work

    #91352
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this:

    .logged-in .vertical-header #header-section #header {
      padding: 40px 0;
    }
    

    – Kyle

    #91369
    icecast
    Member
    Post count: 182

    does not work, but looks like the right track, is there a .logged-out option with padding-top: 10px?

    #91372
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You need to use the custom css that I gave you before, then also the css, so all of:

    .vertical-header #header-section #header {
      padding: 10px 0 40px;
    }
    .logged-in .vertical-header #header-section #header {
      padding: 40px 0;
    }

    – Kyle

    #91381
    icecast
    Member
    Post count: 182

    i am confused – i have removed everything from before and am only using below? if so, does not work, same problem with admin bar covering logo when logged in

    .vertical-header #header-section #header {
    padding: 10px 0 40px;
    }
    .logged-in .vertical-header #header-section #header {
    padding: 40px 0;
    }

    #91382
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    My user is not working anymore, please could you reactivate?

    – Kyle

    #91383
    icecast
    Member
    Post count: 182

    it is reactivated

    #91386
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Check now

    – Kyle

    #91392
    icecast
    Member
    Post count: 182

    it is higher, but still not on same plane with other content – should be appx. 10px from top of page, looks like it is 30px from top of page

Viewing 15 posts - 1 through 15 (of 22 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register