[Support request] How to set the logo left menu right on mobile

[weiqispace]

How to set the logo left menu right on mobile ?

screenshots:http://www.screencast.com/t/8C15jxxNyhKs

URL: https://demo21.newbieboss.com/

I tried this but on mobile they are not correct.

.mobile-header-logo .main-navigation.mobile-header-navigation .menu-toggle {
display: block;
text-align: right;
}

Thanks

[Tom]

Hi there,

It should be like that by default, but your mobile logo is too wide. If you shorten it, or just use an icon (like we do on this site), it will work as it should.

[weiqispace]

Hello ~Tom

I replace logo into a small icon on mobile.

If I want the full logo appear on tablet.

Is it possible? How to do that?

Thanks

[Leo]

Possible but a bit complicated.

You’d have to rebuild the mobile header logo using this similar method here:
https://docs.generatepress.com/article/mobile-header/#adding-html-inside-the-mobile-header

Then hide one or another using CSS media query:
https://docs.generatepress.com/article/responsive-display/

[weiqispace]

Hello~Leo

I give up due to my English…and not fully understand the theme’s settings…

Could you accept I paid for you to do that?

URL: https://demo21.newbieboss.com/

The final goal is :

Desktop:Full Logo(Done!)
Tablet:Full Logo(Not done,It shows the logo icon)
Mobile:Logo icon(Done!)

Thanks
BestRegards

[Leo]

Unfortunately we don’t offer services like this.

But another idea, you might be able to use this to change the when the mobile header kicks in: https://gist.github.com/generatepress/282078076cd8631c17717d5b8640c043

[weiqispace]

Hello~ I changed the number and it doesn’t work.

Besides,I found two errors.

1.http://www.screencast.com/t/L6bTztttT

2.http://www.screencast.com/t/RgssZd2G

Thanks

[Leo]

188px might be too small. I assume the mobile header never kicks in?

Why are they errors?

[Author]

Posts