Forum Replies Created
-
Posts
-
That worked but the sticky header logo wasnt scaling down so I added this as well:
.header-scrolled {
min-height:80px;
}
.header-scrolled .logo, .header-scrolled .logo img, .header-scrolled .logo a {
min-height:80px;
}It seems like the logo is losing resolution when it scales down to the sticky header size now which seems strange. Do you know why? Its not as clear as the full size logo.
That worked great thanks.
One more problem Im having is now the sticky header logo isnt in the proper position as seen here:The mobile logo looks good now but now without that extra padding the desktop logo isnt centered vertically as you can see here:
https://ibb.co/nhFfLFI changed the padding to 10px and it appears on mobile now but it doesnt look centred vertically on desktop
Screen shot of mobile is here: https://ibb.co/jv9T5FThanks I tried both quick CSS and adding it to custom.css and the H3 tag is still not taking effect. It did however move the text block up to where it’s supposed to be, so that part’s fixed.
That code worked great for the desktop sub-menu but now when I look at the mobile hamburger menu it has moved up the sub items there too. How can I get this code above to only affect the desktop view? (and not the hamburger menu)?
Actually, I found what’s making the logo disappear on mobile.
Its padding we added to the top of the logo to center it on the desktop site header:strong.logo img{
padding: 40px 0px;
}So if I remove that the logo is stuck right at the top of the browser. How can I fix this for desktop and mobile?
You were right Jordan, something in the custom CSS is in conflict with that mobile logo showing up. I guess I will have to re-add each css block back one at a time to find out which one is making it do that. Thanks!
Actually, I tried Sarah’s code again and it worked!
I must have missed copying something over the first time.
Thanks!!I deactivated all plugins and re-uploaded the logo but its still not showing up on any of my iPhones.
I dont know how to refresh cached on mobile but I quit safari and then tried opening the page again.Thanks but clearing the cache didnt work either with this code and I dont have a caching plugin on the site.
Thanks but that didnt work either, so Ive decided to get rid of the text box on top and just use the title that is part of the news widget but its coming out as orange and I need it to be white like the other titles in the footer. (other titles in footer are H4) How can I change that?
Its also not lining up at the top with the other widgets.
I hate to say it, but this last bit of code didnt work either. Maybe ill have to just try the title in the latest news widget and just forget about making it a link.
Thats right I need the text area because its a link.
I tried that code and the widget area didnt change. It did make my dropdown menu go a bit crazy though. :(Thanks but that CSS didnt work for me. Also, its on all the pages, not just the home page but anywhere I have a slider with the horizontal yellow repeating bars which I think is all of them so far.
Thanks but that didnt seem to work for me. I guess that large space is for the title area but I was already using the ‘whats happening’ title above it in a text widget area that is a link to the main posts page so I didnt use a title for the latest news widget.
Thanks that worked for changing the color.
Now all that I need to do is move the latest news up a bit there seems to be a large gap between the headline and the articles.
