Header smaller and top bar

Travelify
1

Hello,

I have three question …

1st. How can I get my logo centered?
2nd. on top of the page is always a small bar and very irritating … how can we remove that … I see on all members who are using the child theme the same :frowning: please see attached image)
3rd. How can I make the header smaller so the logo doesn’t look lost?

Thanks for getting back on me

Jurgen

2

Hi Jurgen,

Thank you for your questions.

We can achieve this by developing some custom CSS code.

I tried to develop CSS code for your site by visiting it but on your site the right click is disabled so i couldn’t select the appropriate element to develop CSS code for it.

Could you please temporary disable this functionality on your site?

Kind Regards,
Movin

3

Hello Movin,

I disabled temporary the right click so you can look at the CSS

4

Hi Jurgen,

Thank you for disabling it.

1st. How can I get my logo centered?

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Travelify Other Options

hgroup#site-logo {
    text-align: center;
    width: 100%;
}
2nd. on top of the page is always a small bar and very irritating .. how can we remove that .. I see on all members who are using the child theme the same :( please see attached image)

Just use below CSS code to remove it.

html body {
    border-top: 0;
}
3rd. How can I make the header smaller so the logo doesn’t look lost?

Just use the below code on your site.

hgroup#site-logo {
    margin-top: 0;
}

Best Regards,
Movin

5

Thank you very much … works awesome … that’s all I needed :slight_smile:
Thanks again

Jurgen

6

You are most welcome here :slight_smile: