[Resolved] mobile header logo switches element position – and an alignment ?

[Jeffrey]

When I add a Mobile Header Logo (in header element), it changes the position of another element I added (also a logo)

1. How do I keep the alignment the same.
2. How can I further align the logo next to the Mobile Header Logo (two elements left aligned)

My home page has the error on mobile. click to a new page and see the alignment difference. Only on mobile.

[Fernando]

Hi Jeffrey,

Let’s try to fix 1. first.

In the Element Settings of the Block Element, can you try setting the priority to 1?

Kindly let us know how it goes.

[Jeffrey]

I was able to use css fix 1

when I do what you ask, that had the opposite effect of what I was looking for when fixing 2 on the home page.

It made the element image in front of the Mobile Header Logo, on home. How d I make it behind (after) the mobile logo.

[David]

Hi there,

can you share a ‘mockup’ image of how you want the layout on desktop and mobile ?

[Jeffrey]

It’s only on mobile. I have it hidden on tablet and desktop.

I want it to look like it does on every other page but the home page.

What caused it?
I am using the head element and added a alternate mobile logo. It made the alternate mobile logo secondary for some reason.

On mobile, click map search or some link on home page to see different order. Obviously want my logo first 🙂

[Ying]

You can try to set the block element’s priority to 11.
https://www.screencast.com/t/cPAwwFDl

[Jeffrey]

feeling foolish for not trying that, but YES!

thank you 🙂

[Ying]

You are welcome 🙂

[Author]

Posts