[xdalex09Participant]

Hi there,

I’m trying to center shiftnav bar logo as in attached image. Could you help?

Thanks.

[xdalex09Participant]

This reply has been marked as private.

[Prasant RaiModerator]

Hello There,

Thanks for writing in1

Your screenshot is not uploaded due to our file-size limit of 512KB.

Thanks.

[xdalex09Participant]

Re-uploaded. Please check.

[xdalex09Participant]

I need to fit the logo within the toggle bar horizontally and vertically. I think this requires padding and scaling image.

[RahulModerator]

Hi There,

Thanks for writing in!

Please use the custom CSS code. You can add this under Custom > CSS in the Customizer.

#shiftnav-toggle-main.shiftnav-toggle-main-align-center .shiftnav-main-toggle-content {
    width: 87%;
    left: 44px;
    padding-right: 58px;
    top: -5px;
}

Let us know how it goes.

Thanks 🙂

[xdalex09Participant]

Thank you that issue was fixed!

I have another question. I am using ubermenu for my main menu and shiftnav for my mobile menu. I had to add following code for ubermenu to ensure that content was not hidden underneath the menu:
.masthead {
min-height: 105px;
}

But now, when switching to shiftnav for mobile, I have big white space under menu. Screenshot attached.

How can I address this?

Thank.

[JadeModerator]

Hi there,

Please update the code to:

@media (min-width: 980px) {
    .masthead {
        min-height: 105px;
    }
}

Hope this helps.

[xdalex09Participant]

Okay that worked perfect.

On the previous issue, for ShiftNav, on mobile the logo is centered horizontally and vertically, but in tablet view, it does not center properly and logo goes over the top bar. Please assist, screenshot attached.

[RahulModerator]

Hi There,

Thanks for writing in! Would you mind sharing the aspect ratio of the device which has this issue?

Thank you in advance

[xdalex09Participant]

Issue exists for widths from 325 to 958px

[xdalex09Participant]

I was able to resolve by using px fix width vs. percentage. Thanks.

[RahulModerator]

We are happy to know that!

Thank you for choosing X.

Cheers!

[Author]

Posts