I want to adjust and close the gap between my top navigation menus bar and Meteor slider.
I want to push up the meteor slides up to the page menu bar.
I want to adjust and close the gap between my top navigation menus bar and Meteor slider.
I want to push up the meteor slides up to the page menu bar.
This is probably something that needs to be adjusted in your theme's stylesheet, can you post a link?
I thought I posted the link for you to review already. Apparently not. I'm sorry about that.
Here is the link: wwww.turnbulllegal.com
Here is the code I inserted in the Style CSS and it didn't work.
.meteor-slides .mslide img {
padding: 0 !important;
margin: 10px;
}
Thanks
Unfortunately the link you provided doesn't work.
However, chances are changing the values for the margin in the css will work.
The values for the margins are set 'clockwise':top - right - bottom - left. The other option is to set individual margin values e.g.:
margin-top:20px;
margin-bottom:0;
margin:0 auto; this will set top and bottom to '0' and horizontally center the content
Good luck.
Here is the link again: http://www.turnbulllegal.com
It looks like you came up with a different solution.
No Bro. This issue is not resolved yet.
The codes didn't work. I need your help.
The white gap between the Meteor-slides and the top Navigation is still there. I need to move your Meteor-slides up to the Navigation menu.
Please do not look at the home page slider. That's the slider that came with the Theme.
Meteor-slide are in all pages ONLY and that is the ones I need to adjust the top margin.
It'd be easier to check out if I could right click on the pages. There is an empty H1 and paragraph tag above the slideshow:
<div class="sixteen columns alpha content">
<h1></h1>
<p>
</p><div class="meteor-slides navnone" id="meteor-slideshow" style="width: 948px; height: 120px;">
Remove those and it will remove the gap.
You've got a JavaScript error that is breaking the slideshow script:
TypeError: document.body is null
document.body.style.webkitTouchCallout='none';
I think it's a script in your theme that is throwing the error.
Ok. Please check again now. You can right click on the pages now.
Thanks
I did, just had to use Firebug instead of the Chrome inspector.
Sry. You mean I need to use Firebug for what?
No, I used Firebug to see what was causing the gap, you could use Firebug too if you wanted to see it. But you need to remove those empty tags, I don't know if they are in the theme template or in the page content, you'd have to look.
Hi, I'm Frans.
Please help me to finish this problem: I want to remove blank space between the Meteor Slide and navigation bar. I've try several tips (modified the code at #access #branding etc) but did not solve the problem.
This is the url. Thank you.
Hi Frans, something's not quite right, it looks like the slideshow is loaded too early in the page. Here's an example of how the header in the Twenty Eleven theme can be edited to include a slideshow: https://gist.github.com/3151274
Thank you JLeuze. You're right. I put the code too early. Then I put the code after </hgroup> at line 86 (based on the page you suggested me). Nice to know you.
You're welcome Frans.
You must log in to post.