Is it possible to have a different main bar logo on mobile than on desktop?
The main bar on my website has a green background, so I want my logo with white letters on mobile. But the bar above the main bar (which is only visible on desktop) has a white background, so I want that logo with green letters.
At the moment I have my logo with green letters on both places. On the bar above the main bar it looks good, but when I switch to mobile version, the logo in the center of the main bar still has a white background with green letters. I want that letters to be white (different image).
Unfortunately, currently there is no option for this. We will consider to add more this feature in the future updates.
At this moment, you can add more this code to Customize > Custom CSS to change the background of the main bar on mobile to white color to make it display better:
Is it possible to have a different main bar logo on mobile than on desktop?
The main bar on my website has a green background, so I want my logo with white letters on mobile. But the bar above the main bar (which is only visible on desktop) has a white background, so I want that logo with green letters.
At the moment I have my logo with green letters on both places. On the bar above the main bar it looks good, but when I switch to mobile version, the logo in the center of the main bar still has a white background with green letters. I want that letters to be white (different image).
Hi,
Unfortunately, currently there is no option for this. We will consider to add more this feature in the future updates.
At this moment, you can add more this code to Customize > Custom CSS to change the background of the main bar on mobile to white color to make it display better:
@media only screen and (max-width: 960px){ #navigation, .show-search{ background: #fff; } #top-search > a, #navigation .button-menu-mobile, .show-search a.close-search, .show-search #searchform input.search-input{ color: #111; } .show-search #searchform input.search-input::-webkit-input-placeholder{ color: #111; } .show-search #searchform input.search-input:-moz-placeholder { color: #111; opacity: 1;} .show-search #searchform input.search-input::-moz-placeholder {color: #111; opacity: 1; } .show-search #searchform input.search-input:-ms-input-placeholder { color: #111; } }Best Regards,
PenciDesign