Mystique Theme – Gap Question

It is the shadow image behind the nav bar – go to ul#navigation in the style.css to adjust the bottom-padding or its height.
I’m dont have the theme’s style here right now or I would post code.

https://understandingteenagers.com.au/blog/wp-content/themes/mystique/style.css (line 206):

.shadow-right {
background: url(“images/shadow.png”) no-repeat scroll right bottom transparent;
padding-bottom: 32px;
position: relative;
}

Change padding-bottom to 0.

Thanks heaps guys – much appreciated. Can’t believe it was right under my nose the whole time. I must have looked at that CSS section over 20 or so times without noticing that ??

Thanks! ??

I know this post is old, but I tried this out on my site and the gap is still there. I am just starting out learning this stuff so I am confused why it would work for one user and not on mine. Thanks!

https://www.naqproductions.com/darksun

Nate

Though this is marked as resolved, I would still like to chime in with an easier, more persistent approach:
Instead of doing the modifications in the style.ccs file, its better to apply the changes in the “Appearance” -“Mystique Settings” – “User CSS” field. Modifications to styles done here will override the core styles, and will stay on upgrades.

I added the following to my User CSS:

/* Remove "wasted" space from header area Mystique settings - User CSS */
#site-title{padding:1em 0 0.0em 0;}
#site-title #logo {line-height : 0;}
#header .shadow-right {padding-bottom: 0px;}

For more modifications you might want to look at my wordpress fixes…

Hey thanks! I used it and tweaked it a little because as is the title text got crushed off the top of the screen some, but I found a way to edit a little and fix it. Thanks a ton!