How to place logo only in nav menu of mobile device

[forvikramsharma]

Hi,

I have a page: https://times11.com/. I am using cassiopeia theme.

On mobile devices, I want to place the logo image in the middle of red ribbon menu bar. Please help how do i do it.
The desktop menu remains same.

Thank You.

[Per Yngve Berg]

Mod. Note: Relocated topic to the templates forum

[AMurray]

I think you'd use CSS @media queries (not the expert, so only pointing you to relevant resources that might help):

https://www.w3schools.com/css/css_rwd_mediaqueries.asp and more examples: https://www.w3schools.com/css/css3_mediaqueries_ex.asp

See the example headed "typical device breakpoints". Use the ones concerning mobile devices.

Essentially the media query will apply when the device used meets the criteria e.g. a screen smaller than 992px will show an image/logo. You write the CSS (for Cassiopeia, in user.css), and the browser takes care of it).

Others I'm sure will add to my advice here.

[Pavel-ww]

On mobile devices, I want to place the logo image in the middle of red ribbon menu bar. Please help how do i do it.
The desktop menu remains same.

Hi.

This is not possible to do with your current marking, since you use the menu item as a logo.
You should use the logo as a separate element outside the menu. Then this can be done through CSS.