Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2613257
Logo in/above main bar
Closed

Comments

  • fitnesstyle started the conversation
    November 26, 2020 at 9:20pm

    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). 

  •  2,699
    PenciDesign replied
    November 27, 2020 at 2:33am

    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