JHillDesign
Forum Replies Created
-
Forum: Themes and Templates
In reply to: Menu shows – twenty twelve toggle button isn't workingHi David,
I took a quick look at your site, and basically your menu styles are overriding the responsive menu changes because you changes are outside the media queries and as such are always active. If you move the “/* navigation styles */” section to within the media query for a large screen (under “/* minimum width of 960 pixels. */”) then you will see that your styled menu will disappear when you shrink the width of your browser and you get a functional toggle menu. You will need to tweak the .css for the other screen sizes so the menu is in the right place and the design doesn’t break.
Hope that helps.
Forum: Themes and Templates
In reply to: Child Theme style.css in Responsive Theme looking emptyYou never want to edit the parent (original) style.css file. All changes should be put in the style.css of the child theme below the @import. What are you using to edit the .css? If you are going through a plugin, that may be where the issue is.
Forum: Fixing WordPress
In reply to: CSS – Mysterious Gray LineHi,
I’m not seeing the grey line when I look at your site (I see what you mean in the screenshot). Have you tried viewing your site in other browsers?
Forum: Themes and Templates
In reply to: [Publish] Hide title tagline in desktop mode onlyyou will need to add a media query to hide the title and tagline when site is displayed over a certain size.
You will probably want to look at the theme’s existing css to see where the “break points” are for desktop display so that everything changes together, but it will look something like:
@media (min-width: 800px) {
.site-tittle, .site-description {
display: none;
}
}Forum: Themes and Templates
In reply to: Trying to reduce height of header-area blank spacesI took a quick look at your site’s CSS. There are several
<div>‘s containing the logo. You will need to adjust the height of the “#logo” & “#logo div” elements to deal with the space around your logo. Then you will want to reduce the hight and bottom margin of the “#navigation” div.If you aren’t sure exactly what you are adjusting you will have better luck adjusting it in the element inspector (Chrome) or firebug (firefox) and then copying the code to your theme when you have it right.
Hope that helps.
Forum: Themes and Templates
In reply to: Changing Footer From One Theme To AnotherAs Wpyogi said, there is a bit more to it than copying the footer from one theme to another.
If you are just trying to get the look of the footer you will have an easier time just copying the styling from the css (and using the same bg-image etc). If you want to add a footer menu you can add php for a menu call to the footer.php from responsive.
Forum: Themes and Templates
In reply to: Extend a border in header to full width of screenIt looks like right now the grey bar is a bottom boarder on the #header
<div>. Your options using CSS only are:expand the #header
<div>to 100% width and reposition the logo and menu inside the div accordingly.Remove the boarder and use an :after pseudo-element to create the bar.
Or you could remove the boarder and add another
<div>into the header file of your template and use css to position it as the bar.Hope that helps.