[mrandolphParticipant]

Greetings,
I am trying to move the position of the mobile menu and came across this thread.
I tried the suggested code, but it appears to be for a different theme.

Two Question:

1. Is there a solution for this with the Integrity Stack using the Fixed Top settings?
my url http://silverdalbc.org

2. Also, How does one change the logo image source using @media queries?

[Rue NelModerator]

Hello There,

Thanks for writing in!

We were not able to check your site. Please try to change the position of your mobile menu in your customizer, Appearance > Customize > Header > Alignment > Mobile Navbar Button Alignment (px).

Changing your logo image source using @media queries is not possible. It may only be possible with a javascript code which is a custom development. You can use a custom css with a different approach instead. You may try this:

@media (max-width: 979px){
  .x-navbar .x-brand.img{
    background-image: url(http://placehold.it/120x120);
    background-position: 50%;
    background-size: contain;
  }
}

Hope this helps. Please let us know.

[mrandolphParticipant]

Thank you for the code and direction. After some tweaking of the values, I was able to position the image & menu where required.

Thank you!

[Rue NelModerator]

Hey There,

You are most welcome!
We are glad we were able to help you out.

If there’s anything else, we can help you with, please let us know.

All the best.

[mrandolphParticipant]

Will do.

Best Regards.

[Rue NelModerator]

😉

[Author]

Posts