-
Posts
-
Enfold and your team have been awesome! After searching, I couldn’t find out how to do the two things below correctly because I think there might already be some custom CSS in our site relating to how we previously had the logo that may be affecting it. I am a beginner so not familiar with code, etc.
1. How do we make the exact same transparent logo that is showing on the Desktop version of our site on home, about us, what we do, news,contact pages show on the Mobile version of our site?
(Mobile version now shows the wrong logo that is the main logo uploaded, not the transparent logo uploaded in the transparent logo theme section. It used to show correctly with transparent logo on both mobile and desktop. When we updated the main theme logo to our standard logo {so we could use that logo on our posts pages} and added the transparent logo to the transparent logo theme section it then stopped showing correctly on mobile.)2. Is there an easy way to make the Menu header text show in teal#007272 ONLY ON POSTS PAGES so it can be seen?
(The menu header text looks great in white on all other pages like home, about us,what we do, news, contact us, etc. but when you click on an actual post page it can’t be seen because everything is white. We wouldn’t want to change the header background color because it looks good, just the Menu text color only on posts pages if possible)If it is easier for you to modify the custom CSS or quickly make the changes than explain how to do it, please feel free to do so. Thank you for your help!
Hi newuser1!
please use different tickets for different questions.
1.) When editing the page in question scroll down and look on the right side for “Header visibility and transparency”. Make your adjustments there.
Cheers!
AndyWe already had selected “Transparent Header” and updated each page, but the logo still does not show as transparent on the MOBILE version of the site. As mentioned, the logo shows correct and transparent on the desktop version of the site, but not on the mobile version. Please help. Thank you.
Hey!
try to follow this thread: https://kriesi.at/support/topic/transparent-header-on-mobile-3/#post-583998
Regards,
AndyHey Andy. It has been almost a week and now urgent that we get this fixed as we have something important this evening that the transparent logo needs to be showing correctly on mobile for. We have already spent hours trying to follow the thread above and several others, but our site already has a little existing CSS code that kriesi support had us add a while back for the transparent Logo and I think something for the Menu as well. We are not familiar with code and didn’t want to mess up the existing transparent logo that currently shows fine on desktop by pasting another random code from a thread that has different settings than us. Please help to make the change as soon as possible or let us know how to simply make our logo show as transparent on mobile like it used to. Thank you, we really appreciate your help. Our private site details are provided below and the current CSS our site now has is:
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
background-color: transparent;
position: absolute!important;
}}Hi!
I added following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) { #top .av_header_transparency.av_alternate_logo_active .logo a > img { display: none !important; } .responsive #top .av_header_transparency .logo img.alternate { display: block !important; }}Please review your website now
Regards,
YigitHi!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Best regards,
Yigit
- The topic ‘How To Make Mobile Logo Transparent when there may already be existing CSS’ is closed to new replies.