-
Post count: 1hinklej15July 22, 2014 at 4:21 pm #1993
Hello!
I like the option to make the logo smaller when scrolling, but is there a way to change the image used instead of just making the main logo image smaller? Example: When first loading the page, the logo is a circle. Once you start to scroll the image becomes a square.
I understand there isn’t an easy way to do this within the options on the WordPress control panel. But I’d be fine with trying to code it if you could give me a hint as to where I would add that in.Thanks and love the theme!
JennPost count: 2689RaiJuly 23, 2014 at 6:00 pm #2049Hi Jenn,
You’re right, at the moment there is no option on backend to change image for top navigation when it’s smaller. But, you can override image with CSS, please try this CSS:
CSS12345678.topnavsmall.topnavigation .logo img {height: 0 !important;width: 0 !important;background: url(http://yourserver.com/yourlogo.png);background-size: auto;background-repeat: no-repeat;padding: 30px 0 0 188px;}Please make sure you set padding top same as your logo image height, and padding left same as image width. Then put those css into Additional Style.
Thank you
Best regards,
RaiPost count: 1hinklej15July 28, 2014 at 2:22 pm #2247Hello Rai!
Thanks so much for responding and so sorry for my delayed reply- I’ve been playing with this.
I’ve tried your code suggestion a bunch of ways, in the CSS of my child theme and by putting it into additional styles (even tried putting it directly into main.css), but for some reason it’s not working. In fact (semi-related), I’ve tried putting a lot of custom CSS in my style.css for my child theme, but none of it seemed to change anything. I had to go into main.css to see any changes. but I used the template style.css from the given child theme to start my own style.css, so I’m not sure why none of my code is working (at first I thought I was poorly selecting attributes, but I added extra classes with visual composer). Also, I tried my code in Addtional styles too, but it didn’t seem to change anything.
If you have any suggestions on what I could be doing wrong for changing the image when navigation goes small or on my style.css in general, or how to better use the Additional Styling, I’d super appreciate it!
Thanks again for your help! I really like the theme!
JennPost count: 2689RaiJuly 30, 2014 at 2:45 am #2300Hi Jenn,
Ah, I think it is because those CSS is missing, It because the crayon plugin translate URL into anchor link. Please use this: http://pastebin.com/fQ8HkjdP
Thank you
You must be logged in to reply to this topic.