Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 25, 2017 at 7:47 pm #829762
    FDF

    Hi Guys,

    I’ve just installed an advert rotation plugin for the website.

    Having put some new banners up, this has resulted in a black/grey empty space appearing directly below the main menu when browsing on a desktop (it disappears when the browser is made smaller to form the mobile menu). The size of the line depends on the top banner. For one of the banners it’s reasonably thick, but for another banner it’s a tiny line.

    Please could someone tell me how to remove it? I don’t want there to be any black/grey space between the main menu and lower banner, it should all be white.

    Kind Regards,

    Tim

    July 25, 2017 at 8:05 pm #829768
    Yigit

    Hey Timothy!

    I checked your website on my 15 inch laptop and 1920x1200px screen but i cannot see anything wrong. Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Also, it might be related to admin bar of WordPress. You can try checking your website in incognito mode to see if that is the case :)

    Cheers!
    Yigit

    July 25, 2017 at 8:15 pm #829773
    FDF

    Hi Yigit,

    Thanks for your prompt reply.

    I’ve cleared the Cache and have been looking in incognito mode but I’m still have the same problem on multiple devices and browsers.

    Header Padding Issue

    You can see in the screen shot they grey space appears. I have had this problem before and think I was given some quick CSS code to sort it out, but it’s not working this time.

    In my attempt to correct it, I’d accidentally removed the bottom advert which is why you couldn’t see the problem originally.

    Kind Regards,

    Tim

    • This reply was modified 7 years, 3 months ago by FDF.
    July 25, 2017 at 8:28 pm #829778
    Yigit

    Hi Tim,

    This time banner did not show up so i could see the issue. The easiest way of solving it would be adding following code to Quick CSS in Enfold theme options > General Styling tab or Style.css file of your child theme 

    .header-banner-below {
    margin-top: 0;
}

    However that might cause overlapping issues when banner shows up.

    Or you can use this solution which would require more work but would be a proper solution. It seems like you have edited header.php file in your child theme. In the latest version of Enfold, header.php file was updated. Please firstly copy header.php file from parent theme once again, apply the changes you have applied previously to your file and then make sure you place your custom div’s inside “header” tag right below closing DIV of “header_main” ID and keep CSS code above

    Regards,
    Yigit

    • This reply was modified 7 years, 3 months ago by Yigit.
    July 25, 2017 at 8:56 pm #829795
    FDF

    Hi Yigit,

    Thanks for taking the time to have a look.

    I applied the quick CSS code but it didn’t change anything (after clearing the Cache).

    I did copy the Header.php file before the update and then copied it back after the update. The spacing was working fine with the previous banner, the issue has just occurred since I replaced it with two new ones today.

    I’m not familiar with the custom DIVs as the developer put the advertising spaces in the header for me. I can’t see any custom divs within Header.php.

    Is there any other quick CSS code I can try?

    Kind Regards,

    Tim

    July 25, 2017 at 9:01 pm #829797
    Yigit

    Hey Tim,

    If you do not mind, please post WP admin logins here privately so we can look into it.

    Cheers!
    Yigit

    July 25, 2017 at 9:05 pm #829798
    FDF

    Hi Yigit,

    Many thanks, attached.

    Kind Regards,

    Tim

    July 25, 2017 at 9:19 pm #829802
    Yigit

    Hey!

    I adjusted header.php file and style,css file. It does display fine when banners show up (adBlock is disabled). When they do not show up (adBlock is enabled), there is a white gap below your menu. With your current layout, it is not easily possible to find a workaround for it. Please either consider to change header style to one of the “menu below” and use the space next to your logo to display your banner or hire a freelance developer.

    Regards,
    Yigit

    July 25, 2017 at 9:29 pm #829806
    FDF

    That’s fixed it perfectly Yigit, thank you, very much appreciated.

    Would you mind telling me what you changed in the header.php file so I know for future reference as that’s the second time I’ve had an issue with it.

    Kind Regards,

    Tim

    July 25, 2017 at 9:45 pm #829813
    Yigit

    Hi Tim,

    Excuse me i said header.php. I meant includes/helper-main-menu.php file :)
    Following additions were at the very bottom of the file 

    	<div class="header-banner-below"></div>
	<div class="advertising-banners-div"><?php dynamic_sidebar('advertising-banners-below-menu');?></div>

    I moved them right above following line instead

    
		<div class='header_bg'></div>

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Header Padding’ is closed to new replies.