Please insert that code at the end of the file ‘style.css’ of the active theme or in a box of a Custom CSS plugin:
.sticky-disabled .tc-header {
top: 24px;
}
The reason in your theme is: both the bar and the page header are placed at a fixed position. Paddings, margins etc. do not have any effect in trying to get more space between both elements.
But each element can be placed at other positions. The former code puts the page header to a position more below the bar, which results in a greater space between it and the bar.
I have placed the code in the styles css but it only brings raises the bar up (or brings the header down) for a split second, once the page loads. I have cleared my cache and browser.
Here is where I put it:
/*
Theme Name: Customizr Child
Theme URI: http://presscustomizr.com/customizr
Template: customizr
Author: nikeo
Author URI: http://presscustomizr.com/
Description: Customizr is a versatile and easy to customize WordPress theme, instantly giving a professional look to your online presence. Designed with visitor engagement in mind, it allows anyone to create a beautiful, fast and mobile friendly website compatible with all browsers and devices. Customizr works fine with major WordPress plugins like WooCommerce, bbPress, JetPack and many others. Top rated by hundreds and with a very active community of users and developers, the Customizr theme is a safe and reliable design option to publish your WordPress content.
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,buddypress,custom-menu,custom-colors,featured-images,full-width-template,theme-options,threaded-comments,translation-ready,sticky-post,post-formats,rtl-language-support,editor-style
Version: 3.5.5.1488414133
Updated: 2017-03-02 00:22:13
*/
.sticky-disabled .tc-header {
top: 24px;
}
Can you tell me if I am putting it in wrong? Thanks for your help so far.
Oh, my fault. Your effort seems to be correct. But it can not work since the HTML header element has an inline style statement. That overwrites the CSS statements:
<header ... style="height: auto; top: 0px;">
It can work if the value of ‘top’ is changed in that inline statement. Your effort is not neccessary anymore. The other way would be to keep your effort and to remove the ‘top: 0px’ statement out of the inline style.
Where would I find the change the “top” value to edit?
I assume you can find it in the template file of the theme. I recommend to copy the relevant file into the child theme directory and change it there. That way the changes will not be overwritten by future updates of the theme.
Can you maybe point me to the folder that you think it might in. I have looked and I can’t find a place to edit the <header … style=”height: auto; top: 0px;”>
Templates
index.php
(assets/index.php)
Comments
(comments.php)
Custom Page Example Page Template
(custom-page.php)
Theme Footer
(footer.php)
Theme Functions
(functions.php)
Theme Header
(header.php)
czr-admin.php
(inc/czr-admin.php)
czr-customize.php
(inc/czr-customize.php)
czr-front.php
(inc/czr-front.php)
czr-init.php
(inc/czr-init.php)
index.php
(inc/index.php)
Main Index Template
(index.php)
sidebar-left.php
sidebar-right.php
Styles
Stylesheet
(style.css)
No, the ‘style’ statement is added by any javascript file of your theme. If javascript is disabled in the browser that statement is not added.
Sorry, I could not find out which script does that.
I don’t understand, are you saying that it can’t be done?
No, it can be done. I was saying that I can not do it because I do not know your theme files and I can not figure out where the source for the added style statement is.
Ok, what do you need from me. I can grant you admin right if needed. I just need to get this fixed. Thanks.
Sorry, but that support for your theme would go far beyond support of a free plugin.