Search Results for 'mobile menu'

To center the logo:

@media (max-width: 767px) {
.mobile-logo-wrap img {width:170px;position:absolute;left:0;top:-3px;margin-left:auto;margin-right:auto;}
}

The key is auto margins. I’ve only tested this on my Galaxy S3 but it works for both landscape and portrait.

I have the same problem. It only occurs on the android stock browser. I’ve tested it with my own site (swipe menu enabled) on my HTC One and it works perfect on chrome and firefox. It’s only buggy on the stock android browser. Please fix this in the future update, because many android users still use the stock android browser.

Radu and Marius: The logo shows in the menu when scrolling on mobile if I choose “Header Style 1” (as in your demo).

It doesn’t work if I choose “Header style 3”, which is the one I’m using. This must be a bug?

But your demo doesn’t support the logo in the menu on desktop (not mobile) when scrolling. That’s the whole point. How do I keep the setup you have in the demo, while also adding the logo in the menu when scrolling on desktop? Thanks for taking the time helping me out : ) Are

Hi Marius,
I think the swipe menu disabling solves this issue. Thanks. Does that mean I can never use this swipe menu?

Thanks

Thanks for the CSS codes Radu.

The question still remains: How do I make the logo visible in the menu bar when scrolling, both on desktop AND mobile?

In your demo, the logo is visible in the menu when scrolling in responsive mode (mobile), but not when scrolling on desktop (see the images in this post: https://forum.tagdiv.com/topic/moveplace-logo-in-menu-when-scrolled-down-and-menu-fixed/)

I have followed Marius’ steps to make the logo visible as an image in the menu when scrolling on desktop. It works great (see http://www.screencast.com/t/DeYJSyxDZpF).

HOWEVER, this fix has made the logo in the menu disappear in responsive mode (see http://www.screencast.com/t/KSoryFQcTRIB)

Thanks for helping me out!

Are

2. Thanks for the CSS advice. I’ve tried it out, and it looks great (http://www.screencast.com/t/DeYJSyxDZpF)… until I zoom in. The logo jumps to the right (http://www.screencast.com/t/TUHQptYM).

I’ve used the following CSS:

 .menu-item-37076  {
    position: absolute;
    left: 260px;
    right: 260px;
}

How do I make it centered, no matter what?

1. Zooming in further (mobile view), the logo disappears: http://www.screencast.com/t/KSoryFQcTRIB

How do I make the logo show in the menu bar, both on desktop AND mobile?

Are

I am using logo in Logo section (http://www.screencast.com/t/jlBHzbkqRd),
but the whole point is to show the logo in the scroll-menu on desktop as well as on mobile.

I have followed your previously described steps to make the logo show in the menu when scrolling on desktop (see the screencasts in my original post). However, these steps have resulted in the logo to disappear from the scroll menu in mobile view.

I have the same issue, the header menu appears to be broken together with the “up arrow”. site: http://www.lsport.nl/

Hi

1.
– It looks like this on desktop: http://www.screencast.com/t/87nJU4mMgt
– When I zoom in (responsive mobile view), the logo disappears: http://www.screencast.com/t/JKWHWH03b
–> I would like the logo to show in mobile view as well.

2.
How do I center the logo in the menu? It currently looks like this: http://www.screencast.com/t/87nJU4mMgt

Thanks!

Ok, so you also have no plan to add this as an option for version 3.x of this brilliant theme?

Marius, I’ve followed your instructions, and it works great on desktop.

1. However, the logo-menu-image doesn’t show when I zoom in until the category menu button changes from three lines to nine small squares. I would like the image to follow in the menu bar when I scroll down on a mobile device.

2. How do I make the logo-menu-image center-aligned? I’ve tried to modify the display: block; line, but with no luck.

Thanks,
Are

• This reply was modified 12 years by atflaten.

Is there any quick fix? I want to activate it for my website.