Jump to content

Archived

This topic is now archived and is closed to further replies.

photomom86

How to Remove Extra space Under Elements in Header

Recommended Posts

photomom86

I've attached a screen shot. I have 2 columns in my header area. One has a media box (contains my logo) the other has a simplenav and a mediabox (contains the social media icons and a google ad). Under these two columns my nav bar sits. There is a lot of extra space between the bottom of my columns and the top of my navbar.

 

Can you help me? I want to decrease the amount of space between the two. Thanks!

 

[attachment=2390:Header Spacing.png]

 

Share this post


Link to post
Share on other sites
Danny

Hi,

 

Try adding the following to your custom CSS:

 

#mediaboxum8e7y .pl-section-pad,
#mediaboxum8e7y p {
  margin-bottom: 0;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
photomom86

I believe that worked. how about decreasing the space between the simplenav and media box?

Share this post


Link to post
Share on other sites
Danny

You will need to inspect the elements using Chromes dev tools and then reduce the margin/padding on those elements.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
photomom86

Danny, ok I inspected the element with chrome dev tols, and I can see that for some reason there are <p> tags around the google ad....I can take them out in dev tools and can see the difference (and the effect I want) but once I reload the page it's back to the same. There are no <p> tags in my google ad code in the mediabox.....

Share this post


Link to post
Share on other sites
Danny

You most likely have a space or line break in before where you added your Google code. If you remove the line break the p tag may be removed. If that doesn't resolve the issue you're going to need to use that MediaBoxes ID and then target the p tag too, like I did in the code above, then remove margins.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Paul
      By Paul+
      I was surprised to see I had no menu today - out of the blue - its actually moved to the bottom of the page!  After hours of fiddling and disabling every single plugin, leaving just plagelines the issue is still present.  See video for a basic text box - I moved it into the head and it jumps to the bottom and shows just above the footer but below the main content.  I have a temp fix by placing the menu into the first row on the main content but it does mean other than my home page, all other pages have no menu.  A quick fix is very urgent for this bug.
      https://thelaptopfixers.com
       
       
    • russe-intensif
      By russe-intensif+
      Hi team,
      checking my site today, i'm surprised to see my MegaNav all in bottom of the pages, while it's in header.
      After getting to change it in couple of pages onto Template part (too time consuming !), i'm desperate and ask you for help :-)
      apprendre-le-russe-avec-ania.fr
      Thank you in advance !

    • flourishdesignstudio
      By flourishdesignstudio+
      Hello,
      I have an older site that was built using PageLines several years ago (prior to the release of DMS). I wanted to leverage some of the power of your new PL5 plugin but the theme prevents be from adding any generated custom sidebars to the theme (through the drag and drop interface) and does not allow me to add any PL5 sections/containers/etc to the header or footer. Is there any way to easily override that or am I stuck only using PL5 in the content areas of the site?
      Thanks so much for the help!
    • JP
      By JP+
      Hello,
      How can you set the translations with platform5, the parts that are not in pages or posts? Texts and images…
    • romanondrasek
      By romanondrasek+
      hi all, I have some trouble using PL5 on my site. 
      I used plugins for event calendar (event on) and plugin (timetable responsive scheduler for WP) for schedule (classes) in the gym.
      The problem is, that post from this 2 plugins are shown without menu in header and footer. (I setup header and footer) in the page editor for all type of page. 
      When I create a lesson, it creates posts with slug (I have a slug "lekce" & event for events).
      I try to edit the post with PL editor, but editor is not opening on the post.

      Do you have some idea where should be some problem? Thanx so much.
      here are links for the sites :
      site with schedule :
      http://www.myfit.cz/rozvrh/
      site of one of the class (pilates)
      http://www.myfit.cz/lekce/pilates/
      site with calendar :
      http://www.myfit.cz/kalendar/
      7 side with one event from the calendar :
      http://www.myfit.cz/event/pilates-instruktor-akreditovana-licence/?ri=1
      when I have my site on DMS2 it was working :-(
       
       
×