Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Header logo #19

Closed
orensomething1 opened this issue Oct 22, 2015 · 5 comments
Closed

Header logo #19

orensomething1 opened this issue Oct 22, 2015 · 5 comments

Comments

@orensomething1
Copy link

Hi, i love the Creative theme, one question please... about adding a logo: i added a png (transparent, 24bit) logo with white writing (in creative.css-> .navbar-default .navbar-header .navbar-brand) and managed to make it change to dark writing as the sticky menu enter (creative.css-> .navbar-default.affix .navbar-header .navbar-brand),
but in mobile versions the background is white and then the default logo is not seen... (white on white). any solution for mobile version logo?
http://themarketplace.co.il/other/diamining/index.html#contact

Thank you very much!

@Saladressing
Copy link

Just override the image being changed:

.navbar-default .navbar-header .navbar-brand {
    background: url(http://webcream.co/logo-blk.png) no-repeat !important;
}

@orensomething1
Copy link
Author

Hello Jordan,
but when doing so the main logo turns black...
i am using two logos, since the sticky menu's background (in desktop view)
turns white when scrolling and the menu items + logo needs to be dark.
i would like to have the desktop view settings to preserve in mobile view.

you can see it for youself in this sample:
http://themarketplace.co.il/other/diamining/index.html drag the window to
bring the mobile view.

Thank you...
Oren

On Thu, Oct 22, 2015 at 4:02 PM, Jordan notifications@github.com wrote:

Just override the image being changed:

.navbar-default .navbar-header .navbar-brand {
background: url(http://webcream.co/logo-blk.png) no-repeat !important;
}


Reply to this email directly or view it on GitHub
#19 (comment)
.

@Saladressing
Copy link

I am not sure where you are getting this black logo from. I understand what you mean with the background changing. You can add a media query to fix this:

@media (max-width: 768px) {
    .navbar-default .navbar-header .navbar-brand {
        background: url(http://webcream.co/logo-blk.png) no-repeat !important;
    }
}

For more information on the bootstrap media queries, you can view it here:
http://getbootstrap.com/css/#grid-media-queries

@orensomething1
Copy link
Author

it works!
thank you so much... if you dont mind ill upload it to the theme's page so
will be available for others...

Have a great day!

On Fri, Oct 23, 2015 at 3:22 PM, Jordan notifications@github.com wrote:

I am not sure where you are getting this black logo from. I understand
what you mean with the background changing. You can add a media query to
fix this:

@media (max-width: 768px) {
.navbar-default .navbar-header .navbar-brand {
background: url(http://webcream.co/logo-blk.png) no-repeat !important;
}
}

For more information on the bootstrap media queries, you can view it here:
http://getbootstrap.com/css/#grid-media-queries


Reply to this email directly or view it on GitHub
#19 (comment)
.

@Saladressing
Copy link

Sounds great. Remember to close your ticket if the issue has been resolved.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants