Uplift header questions

[thebeesons]

Hi,

I have a couple of header queries….

1 – I’m using widget shortcuts to embed widget content either side of the logo. Is there some css I can add to control the font size / line height and vertical alignment (its currently aligned to top).

2 – I have a menu item which uses the ‘button style’. Is it possible to control the styling of the button (size / alignment)? At the moment the button is too large and for some reason the text doesn’t seem to be centred vertically within the button? I’ve already added the following css which I picked up from various other threads but it’s still not quite right:

nav ul.menu > li.menu-item.sf-menu-item-btn > a {
margin-top: 0px; !important;
margin-bottom: 0px; !important;
line-height: 0 !important;
height: 0!important;
color: #fff;
}

3 – When I add a Retina Logo, it seems to breakout of the header area on smaller screen sizes? The standard logo is fine across all sizes but not the retina version.

I’ve attached screen grabs.

Thanks in advance.

GB

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) Use this:

#header p {
    font-size: 10px;
    line-height: 20px;
}

2) Yes, please first remove your CSS.

3) I see this:

You can use this to reduce it:

#logo img.retina, 
#mobile-logo img.retina {
    width: initial;
    max-height: 150px!important;
}

[thebeesons]

Thanks David,

Points 1 and 3 resolved, the other CSS has also now been removed.

GB

[David Martin – Support]

Glad to help you out.

Please use this for the button:

#main-nav ul.menu > li > a.sf-button.accent.standard {
    padding: 3px 6px;
}

[thebeesons]

Thanks David – great support as always 🙂

[David Martin – Support]

Very glad to help you out.

If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.