Hey guys, Can someone please help me with this little issue in my website? http://bestlistofporn.com (adult content) I just need to remove this space: EDIT: I just figure out that the problem is with the twitter image (pink bird) class="top-gapper-twitter" Can someone please help me how to remove that space and put the bird here? Hope someone can help me with this, thanks Part of the code: <div class="col-md-8 mr-head-right"> <div class="top-gapper-twitter"> <a target="_blank" href="https://twitter.com/BestPornList"><img width="110" height="115" src="<?php bloginfo('template_url'); ?>/images/twitter22.png" alt="Twitter" /></a> </div> <div class="top-gapper-discription"> <?php if ( ! dynamic_sidebar( 'Top Widget' ) ) : ?> <?php endif ?> </div> </div> </div> </div> <div class="main-container"> PHP: .top-gapper-twitter{float:left;margin:62px 0 0} Code (markup):
The way you want to do it, it will probably not work cross-browser. That bird's container is nested wrong. This may or may not work cross-browser: .top-gapper-twitter { position:relative; top:35px; z-index:9999; } Code (markup): That gap is caused by a clear property. This will "fix" your issue: .top-gapper-twitter { position:relative; top:5px; z-index:9999; } .us_wrapper { clear:none !important; } Code (markup): However, this is just a "hack", it will probably fail on a number of browsers. Your best bet is to actually redo the whole header, its positioning is just illogical and prone to similar issues. -edit- : just to let you know, if at any point you need to add !important to a declaration, there's probably something very wrong with your layout...
Hey buddy, Thank you very much for your reply and for trying to help me. I tried your code but didnt worked very well... Please take a look: Do you think that is better to change my header code? Is difficult? <body> <div class="header-container clearfix"> <div class="container header-banner"> <?php if ( is_active_sidebar( 'sidebar-3' ) ) : ?> <?php dynamic_sidebar( 'sidebar-3' ); ?> <?php endif; ?> <div class="col-md-4 mobile-menu"> <div class="mr-menu-opt"><a href="#" id="mr-toggle-menu"><img width="60" height="60" src="<?php echo get_template_directory_uri();?>/images/menu-icon.png"></a></div> <div class="mr-logo"><a href="<?php bloginfo('url'); ?>"> <?php if ( get_theme_mod( 'themeslug_logo' ) ) : ?> <img width="235" height="110" src='<?php echo esc_url( get_theme_mod( 'themeslug_logo' ) ); ?>' alt='<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>'> <?php else : ?> <?php bloginfo( 'name' ); ?> <?php endif; ?> </a></div> <?php if(is_home() || is_front_page()) : ?> <div id="search_input"> <input type="text" placeholder="search..." id="search-box" name="search"> </div> <?php endif; ?> <?php //wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu', 'menu_id' => 'primary-menu' ) ); ?> <?php //get_search_form(); ?> <div class="clear"></div> </div> <div class="col-md-8 mr-head-right"> <div class="top-gapper-twitter"> <a target="_blank" href="https://twitter.com/BestPornList"><img width="110" height="115" src="<?php bloginfo('template_url'); ?>/images/twitter22.png" alt="Twitter" /></a> </div> <div class="top-gapper-discription"> <?php if ( ! dynamic_sidebar( 'Top Widget' ) ) : ?> <?php endif ?> </div> </div> </div> </div> <div class="main-container"> PHP:
You either didn't deploy it exactly how I suggested above, or you've edited something in the meantime. I depends where you pasted that code as well. And yeah... that code is very bad. But that's to expect from wordpress really, not much you can do about it at this point.
Pushing it down didn't do it? 62px isn't enough. .top-gapper-twitter{float:left;margin:120px 0 0} Code (markup): https://jsfiddle.net/4vq4btvL/1/
I see... Okay, replace this: .top-gapper-twitter { position:relative; top:5px; z-index:9999; } Code (markup): with this: .top-gapper-twitter { position:absolute; top:65px; z-index:9999; } Code (markup): This will probably cause less pain on IE and Safari as well.
Thank you for your replies! qwikad.com, no... pushing down didnt worked. Phil S, yeahhh now is working fine!! Thank you very much buddy!! Tested on: Chrome, Firefox, Opera, Edge, IceDragon