Demo Lawyer logo position

Support
#1

In abhinavkaiser’s post “Logo/texty logo is getting hidden”

You gave a solution on how to make the log visible next to the menu and it works a treat; however, I would like my logo to be visible above the menu on all screen sizes in the Lawyer Demo: what line of code could help me achieve that?

Thank you!

#2

Hi Klementyna,

Thank you for writing in, you can make the layout of logo bar and navigation bar stacked under X > Theme Options > Layout.



But like what I said on that other thread, the logo on Lawyer demo is added in unusual way, so we might need to add and/or remove a few CSS tweaks. If this is the case, please provide us the site URL so we can take a closer look.

Cheers!

#3

Thanks for that :slight_smile: we’re one step closer. The logo is above the menu, but below the contact details (which I’d like to keep, because they’re a nice touch) and I’d like it to be at the very top of things on all screen sizes.
Here’s the link: http://hbsl-procurement.co.uk/demo-services/
Let me know if you would like login details.

Thank you!

#4

Hi Klementyna,

Here is how I see it: https://screencast-o-matic.com/watch/cYVjIzvxV1
Please try to remove the following CSS on Theme Options > Global CSS:

@media (min-width: 1048px){
.x-topbar .x-container .p-info {
    position: absolute;
    top: 50px;
    right: 0;
    width: 450px;
}
}

By default those contact details are at the very top, followed by the logo when in STACK position. Those custom CSS was adjustment to make menu and those contact details side by side on the demo.

#5

Thank you very much, I can work with that :wink: have a great day!

#6

You’re most welcome Klementyna!
We’re glad we were able to help you out.

#7

Hello,

is there an option of making the logo sit left at all times? (It does on the big screens, but then it migrates to the middle, even though the text in the top-bar remains aligned left.
http://hbsl-procurement.co.uk/home-2/

Thank you!

#8

Hi Klementyna,

Thank you for writing in, I can’t replicate that issue on my end, the logo remains on the left align even on mobile.

Please clarify how we can replicate the issue and try clearing your browser’s cache.

Clear your web browser’s cache, cookies, and history

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.