align the logo

[Katie Sure]

Hi,

http://akaal-ltd.com/dev/

We are trying to align the logo within the white area of the website header, we are setting the margin in the customise section of the logo.

However we cannot get this to float on the middle in all resolutions and keeps crashing into the menu bar.

Please can you advise bespoke css to apply.

Thank you
Katie

[Forum Moderator]

Hi,

I am not sure what you mean by this. Can you may be draw or point out in an image?

You can upload image in imgur.com and share the link here.

Regards,
Dave

[Katie Sure]

Basically if you resize the screen the logo crashes into the menu bar,on my colleges screen the logo sits perfectly but on my screen the logo crashes into the menu.
(this is before the screen goes small enough to be the mobile version)

Hope this helps.

Thank you
Katie

[Forum Moderator]

Hi,

Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.head-info-area .left, .head-info-area .right { float:left;}
.right .view-all-btn { display:none;}
.view-all-btn a { padding:5px 0;}
.logo { margin-bottom:30px;}
}

Regards,
Chris

[Author]

Posts