Hi. I am currently using the X theme Lawyer skin and I like the placing of the custom CSS logo. I have replace the mwlaw logo with my logo and I am now faced with an issue whereby when I open my site on a laptop, the logo disappears. How can I change the break point to allow the logo to be displayed on laptop screens?
P.S. My site URL is https://gceconsulting.net
Hi Jay,
Please go to Theme Options > Global CSS. Find this custom CSS and then remove it:
.x-brand {
display: none;
}
Hi Lely,
Thank you for this. I just figured out my issue and I have it working now. You could refresh the page and see what appears.
Hi Jay,
Would you please kindly give us exactly how you implemented the logo? I still see the display: none code on your website.
The standard way to add a logo on our theme is to go to X > Theme Options > Header > Logo. There should not be any other step needed to add a logo. If you did other steps we should know what you have done to know how to help you.
kindly get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case if you still have problems.
Thank you.
Hi Christopher,
I used some custom CSS code to achieve this. The Logo you saw after removing the display:none; code, appears on mobile version.
Hello Jay,
The custom CSS code will only take place when the screen sizes is 1441 pixels or greater. For smaller screens, the old logo image displays. Please go to X > Theme Options > Header > Logo - Image and upload the custom logo image.
We would love to know if this has worked for you. Thank you.
Hi Ruenel,
I have set it up this way. When you switch to the mobile version, you will be able to see the header logo there. Could you share with me what logo you see displayed on both desktop and phone?
Thank you. This is exactly what I wanted to achieve.
You’re welcome, Jay.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
