Support » Theme: Customizr » Header Tagline snippet not working correctly

  • Have been trying unsuccessfully the below snippet or CSS in my Customizr Child theme to get the tagline to work responsively with adding a second tagline in tablet and mobile view.

    Below snippet doubles the same tagline in tablet mobile view. Stacked on top of eachother on the right side of the header above the nav.

    Entered in Child functions.php
    add_filter(‘tc_tagline_display’, ‘rdc_tagline2_display’);
    function rdc_tagline2_display($output) {
    return preg_replace(‘|</h2>|’, ‘</h2><h5 class=”rdc_tagline2″>Two Taglines only want one! Call Us On 061 317678</h5>’, $output);
    }

    Entered in Child style.css
    .rdc_tagline2 {
    float: right;
    position: relative;
    top: 0px;
    left: 0px;
    }

    Sorry don’t know how to add a screen shot here and I am still in local so cannot provide link to site. Also when I view on my localhost
    the tagline(s) are not visible at all; only visible in Dashboard – Apperance – Customise?

    Would love a solutions to this as everything I have tried so far does not work!

    Thanks for any help. Alison

Viewing 1 replies (of 1 total)
  • Adding this to your child-theme should hide the non responsive tagline in mobiles.
    @media (max-width: 979px) { .navbar .rdc_tagline2 { display:none;} }

    About your issue in localhost, clean your browser’s cache.

    Hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Header Tagline snippet not working correctly’ is closed to new replies.