Support » Plugin: Speed Contact Bar » Contact Bar covering part of logo and tag line

  • Resolved wholearmormedia

    (@wholearmormedia)


    Hello, thanks for developing this contact bar.

    I have a little problem with it covering part of my tagline and logo on my website.I have played around with the vertical and padding setting but know luck. The site looks good on chrome but not in IE9 and Microsoft Edge. Thanks for any help.
    my site is http://agingabilitycare.com

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Martin Stehle

    (@hinjiriyo)

    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;
    }
    Plugin Author Martin Stehle

    (@hinjiriyo)

    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.

    Plugin Author Martin Stehle

    (@hinjiriyo)

    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?

    Plugin Author Martin Stehle

    (@hinjiriyo)

    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)

    Plugin Author Martin Stehle

    (@hinjiriyo)

    header.php ?

    Plugin Author Martin Stehle

    (@hinjiriyo)

    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?

    Plugin Author Martin Stehle

    (@hinjiriyo)

    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.

    Plugin Author Martin Stehle

    (@hinjiriyo)

    Sorry, but that support for your theme would go far beyond support of a free plugin.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Contact Bar covering part of logo and tag line’ is closed to new replies.