Which part of the code controls the spacing between the top panel and the header?
Attached image shows part of the site I am talking about...
I downloaded a CSS editor and open the styles.less file in an attempt to modify it to adjust the spacing, but given that I am new at this and have no idea what I am doing, I was unsuccessful...
presumably it is finding the right line of code and changing one number for amount of spacing to a lower number? Spacing, or padding, or margin or something like that?
In the styles editor try this change the 3px to whatever suits
.tygh-header > div {
padding-top: 3px;
}
John, thanks much. This helped! It reduced the space substantially by about half when I added that code to custom CSS and set it to 0px, but unfortunately didn't quite eliminate it. I tried negative numbers for px but they ended up putting it back to the big gap that was there originally.
Any more ideas? Maybe some sort of bottom margin or padding on top panel?
your help is much appreciated!
There must be something else still forcing a big space.
You need to comment out or remove .................
Using firefox "inspect element you can try this.
Regards
Barry
Barry, that's brilliant. It removed almost all of the remaining gap! Sounds like Firefox is a good way to test code out!
Now I suppose I need to find the file to actually change this in --- is this a core file or something in a theme or which file would this be in? Hopefully this inspector tool can point me to the right file to change too? Or is finding the right file more complicated?
What is the best way to track down the corresponding file for the code you want to modify after inspecting to find the right section?
