WordPress.org

Ready to get started?Download WordPress

Forums

Hueman
How to decrease space between nav-menu and the sidebars and page? (34 posts)

  1. Kashyap
    Member
    Posted 2 months ago #

    hi
    my website is pixelpluck.com
    There is space between the nav-menu and the sidebars and page itself. This doesn't look aesthetically pleasing. Please tell me which file and where exactly do i edit to what value to remove that blank space.
    regards and thanks

  2. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    Hi Pixel,
    This was an interesting code for your theme. I found out the issue. The reason that the spaces are here is because of google add. This is a space so you can add ads for all of them. The solution I found would be removing it.

    The line(s) of code would be titled:
    <div id="ads"></div>

    If you do remove those it we delete the whole space.

    Cheers Aaron.

  3. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    Hi Pixel,
    The whole line of code to remove would would be:

    <div id="ads">
    <center>
    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- head horizontal long -->
    <ins class="adsbygoogle" style="display:inline-block;width:468px;height:60px" data-ad-client="ca-pub-4363329159120989" data-ad-slot="1280200550" data-adsbygoogle-status="done"><ins style="display:inline-table;border:none;height:60px;margin:0;padding:0;position:relative;visibility:visible;width:468px;background-color:transparent"><ins id="aswift_0_anchor" style="display:block;border:none;height:60px;margin:0;padding:0;position:relative;visibility:visible;width:468px;background-color:transparent"><iframe width="468" height="60" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&&s.handlers,h=H&&H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&&d&&(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;"></iframe></ins></ins></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    </center>
    </div>

    Cheers, Aaron.

  4. Kashyap
    Member
    Posted 2 months ago #

    fantastic. Thank You very much. Another quick question.
    How to insert a google ad banner in the big empty space on head of website, after logo.
    Thank you again. You are awesome :)

  5. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    Hi Pixel,
    We do this sort of stuff all the time!

    So to insert the google ad banner on the top right of the header you would have to insert this line of code:

    In the Header section of the code, It would be right after "Site Description"

    <div id="ads" style="
        padding-top: 10px;
    ">
    <center>
    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- head horizontal long -->
    <ins class="adsbygoogle" style="display:inline-block;width:468px;height:60px" data-ad-client="ca-pub-4363329159120989" data-ad-slot="1280200550" data-adsbygoogle-status="done"><ins style="display:inline-table;border:none;height:60px;margin:0;padding:0;position:relative;visibility:visible;width:468px;background-color:transparent"><ins id="aswift_0_anchor" style="display:block;border:none;height:60px;margin:0;padding:0;position:relative;visibility:visible;width:468px;background-color:transparent"><iframe width="468" height="60" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&&s.handlers,h=H&&H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&&d&&(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;"></iframe></ins></ins></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    </center>
    </div>

    I also took the liberty to center it out ;-)!
    Please don't hesitate to ask for any more help!

    Cheers, Aaron

  6. Kashyap
    Member
    Posted 2 months ago #

    <!DOCTYPE html>
    <html class="no-js" <?php language_attributes(); ?>>
    
    <head>
    	<meta charset="<?php bloginfo('charset'); ?>">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    	<title><?php wp_title(''); ?></title>
    
    	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
    
    	<?php wp_head(); ?>
    </head>
    
    <body <?php body_class(); ?>>
    
    <div id="wrapper">
    
    	<header id="header">
    
    		<?php if (has_nav_menu('topbar')): ?>
    			<nav class="nav-container group" id="nav-topbar">
    				<div class="nav-toggle"><i class="fa fa-bars"></i></div>
    				<div class="nav-text"><!-- put your mobile menu text here --></div>
    				<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'topbar','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
    
    				<div class="container">
    					<div class="container-inner">
    						<div class="toggle-search"><i class="fa fa-search"></i></div>
    						<div class="search-expand">
    							<div class="search-expand-inner">
    								<?php get_search_form(); ?>
    							</div>
    						</div>
    					</div><!--/.container-inner-->
    				</div><!--/.container-->
    
    			</nav><!--/#nav-topbar-->
    		<?php endif; ?>
    
    		<div class="container group">
    			<div class="container-inner">
    
    				<div class="group pad">
    					<?php echo alx_site_title(); ?>
    					<?php if ( ot_get_option('site-description') != 'off' ): ?><p class="site-description"><?php bloginfo( 'description' ); ?></p><?php endif; ?>
    				</div>
    
    				<?php if (has_nav_menu('header')): ?>
    					<nav class="nav-container group" id="nav-header">
    						<div class="nav-toggle"><i class="fa fa-bars"></i></div>
    						<div class="nav-text"><!-- put your mobile menu text here --></div>
    						<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'header','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
    					</nav><!--/#nav-header-->
    				<?php endif; ?>
    
    			</div><!--/.container-inner-->
    </div><!--/.container-->
    
    	</header><!--/#header-->
    
    	<div class="container" id="page">
    		<div class="container-inner">
    			<div class="main">
    				<div class="main-inner group">
    <div id="ads">
    <center>
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- head horizontal long -->
    <ins class="adsbygoogle"
         style="display:inline-block;width:468px;height:60px"
         data-ad-client="ca-pub-4363329159120989"
         data-ad-slot="1280200550"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    </center>
    </div>
  7. Kashyap
    Member
    Posted 2 months ago #

    Where exactly do i need to insert ad for header.. and looks like i tried before by adding below.. so should i remove that ??

  8. Kashyap
    Member
    Posted 2 months ago #

    i want to insert this ad

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- Head of Page -->
    <ins class="adsbygoogle"
         style="display:inline-block;width:728px;height:90px"
         data-ad-client="ca-pub-4363329159120989"
         data-ad-slot="2164517757"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  9. scripkeeper
    Member
    Posted 2 months ago #

    I was editing in the hueman theme widget area and I noticed the width of the sidebars no longer match and the site looks pulled to left I can't figure out how to fix this. Any ideas?

    Thanks

  10. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    Hey Scripkeeper,
    Do you have a working website/URL? I will be happy to assist you.

    Thanks, Aaron.

    Hi Pixel,

    I am sorry I have not gotten back to you. Do you still need the assistance?

    Thanks, Aaron.

  11. scripkeeper
    Member
    Posted 2 months ago #

    Hey what's up Aaron,

    Yes, http://www.defcongravity.com

    Thanks!

  12. esmi
    Forum Moderator
    Posted 2 months ago #

    @Aaron "The Monkey" Leal: Thank you contributing to the forums but please do not encourage people to edit theme files directly. At best, they will lose all of their changes when they update the theme. At worst, they could bring their site down. They should be recommended to create a child theme or use a custom CSS plugin for their changes.

  13. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    Yes esmi,
    I understand this. I was going to tell Pixel to do this now, without reply. I will begin letting people know that a child them or the plug in should be used. Yes it is one of the best ideas to use for a custom edit themselves. Thanks Again esmi.

  14. scripkeeper
    Member
    Posted 2 months ago #

    Hi Aaron,
    Have you figured out what went wrong with the site?

    Thanks again,

    http://www.defcongravity.com

  15. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    Do you think you can add a widget or create something that caused the issue? I cannot see what is causing the problem without it being simulated. But I do think it is a simple padding issue:-) though.

    Thanks, Aaron.

  16. scripkeeper
    Member
    Posted 2 months ago #

    I'm sure it was something I did while messing with the sidebar widgets. And I agree, I think it's a padding issue. But what can I do to check? what piece of code can I put in there to find out for sure.

  17. scripkeeper
    Member
    Posted 2 months ago #

    And is there something I can pull up here from the CSS editor so that you can check it out?

    Thanks

  18. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    Okay Thank you.

    Within the page edit, change "right sidebar" to "full width"

  19. esmi
    Forum Moderator
    Posted 2 months ago #

    <cough> Look at the top of this page</cough>

  20. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    Hi esmi,

    I did redact my question. I kind of forgot that it was "Hueman".

  21. esmi
    Forum Moderator
    Posted 2 months ago #

    :-) I get days like that too.

  22. scripkeeper
    Member
    Posted 2 months ago #

    Hey Aaron, quick question, how do I get there? >page edit, change "right sidebar" to "full width" Appearance>Editor>???

    thanks for being patient

  23. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    The first one is correct. Page editor. Like when you are adding a new post.

    I hope it helps
    -Aaron.

  24. scripkeeper
    Member
    Posted 2 months ago #

    Ok I'm there, I just don't see where I can change the sidebar to full width. Can you walk me thru this once more please?

    Thanks

  25. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    Yes i can,
    Better yet here is a link that can step you through it.

  26. scripkeeper
    Member
    Posted 2 months ago #

    Thanks Aaron did you get my last message?

  27. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    No I did not.

  28. scripkeeper
    Member
    Posted 2 months ago #

    I'm in the dashboard and I clicked pages then searched around but I can't find the page editor or the ET settings. Where exactly can I locate the page editor to get to the ET settings for the hueman theme?

    Thanks again

  29. esmi
    Forum Moderator
    Posted 2 months ago #

    Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

  30. Aaron "The Monkey" Leal
    Member
    Posted 2 months ago #

    esmi,

    He is not editing the css of the theme :-). He is editing the content of the page.

    Thanks, Aaron.

Reply »

You must log in to post.

About this Theme

About this Topic