Logo on the right side in mobile layout

[opus95448]

Hello, I chose the header style in the attachment because it’s the most fitting for my client. Unfortunately the logo jumps from right to left when viewing the site on a mobile device (see other attachment). Can you provide a adjustment to make this consistent? Thank you!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option

@media only screen and (max-width: 979px){
#logo {
    float: right!important;
}
}

-Rui

[opus95448]

This doesn’t work. The logo is still on the left side on mobile view. I want the search-icon and mobile navigation on the left and the logo on the right. Basically they should switch places. Please help.

[Rui Guerreiro – SUPPORT]

Try this one instead.

.logo-right#logo {
    float: left!important;
}

#logo a.show-main-nav {
    float: left;
}
#logo a.mobile-search-link {
    float: left!important;
    margin-left: 15px;
}

If it doesn’t work it’s easier if you provide admin access so I can test the css.

Thanks

-Rui

[opus95448]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Already made some changes. Check again.

-Rui