Ambience Pro – Site Header

Community Forums Forums Design Tips and Tricks Ambience Pro – Site Header

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  Lauren @ OnceCoupled 2 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #104347

    BlueNinja
    Member
    Post count: 20

    Hello

    I am trying to customise Ambience pro theme main menu – (.site header)

    Basically I want the menu bar to always be the smaller shrink size

    .site-header.shrink,

    Can the larger menu be disabled or turned off ??

    Can anyone help ??

    Kind Regards

    James

    (link to staging site)

    http://kajoler.wpengine.com
    #104370

    Lauren @ OnceCoupled
    Member
    Post count: 512

    You could apply the styles from .site-header.shrink to .site-header so that it appears the same even when the shrink class isn’t active.

    Best,
    Lauren


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #104398

    BlueNinja
    Member
    Post count: 20

    Thanks Lauren for the speedy reply,

    Would you be able to help me with the code for this please ??

    Kind Regards

    James

    #104430

    Lauren @ OnceCoupled
    Member
    Post count: 512

    James,

    All you would need to do is copy the block of code from .shrink and paste it into the bottom of .site-header. It may have duplicate code, but at least the correct code will be over writing the code you don’t want. Otherwise, you’ll need to see if someone else has more time to go in and determine exactly what code you need. :)

    Best,
    Lauren


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #104478

    BlueNinja
    Member
    Post count: 20

    Hello Lauren,

    Thanks for the help, to be honest I have had a look but I am a bit stumped as to what code to change where ???

    If anyone else can offer a bit more time to have a look… I would very much appreciate it.

    Kind Regards

    James

    #104484

    Lauren @ OnceCoupled
    Member
    Post count: 512

    Hey James,

    Just took a look – you’re right – the styles are sort of dispersed. Change the following lines in your code:

    .header-image .site-title > a {
         min-height: 60px;
         background-size: 270px 60px !important;
    }
    
    .title-area {
         padding: 0;
    }
    
    .header-image .site-header .wrap {
         padding: 10px 0;
    }
    
    #responsive-menu-icon::before {
         font: normal 24px/1 'dashicons';
    }

    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.