Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1213433
    carbon14
    Participant

    Hi
    How do I get to keep a logo in the header when I use Superfly menu, I want a superfly menu that is hidden with only icon, so I need to show a logo on my site since it´s closed.

    #1214077
    Rupok
    Member

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1214202
    carbon14
    Participant

    Hi, sorry. This is my developer site url: http://surtech.carbon14.no

    #1214393
    Lely
    Moderator

    Hi There,

    Please remove this custom CSS:

    .x-navbar-wrap {
        display: none;
    }

    Add this instead:

    .x-nav-wrap, .x-btn-navbar {
        display: none !important;
    }
    .x-brand {
        margin-left: 50px; /*This is in case you want to move the logo from the superfly icon*/
    }

    Hope this helps.

    #1214421
    carbon14
    Participant

    Thank you. That worked perfect. Another question. Is it possible to get a text line (tagline with company slogan) in the menu header.

    And if you have time. The text padding inside button is not centered in the button. Do you have a code to fix that. I have searched the forum but the css code i found didn´t work.

    #1214589
    Paul R
    Moderator

    Hi,

    1. To fix the button text alignment, you can add this under Custom > Edit Global CSS in the Customizer.

    
    .x-btn, .button, [type="submit"] {
        padding: 0.563em 1.125em;
    }
    

    2. To add tagline, you can add this in your child theme’s functions.php file.

    Create file _brand.php in wp-content/themes/x/framework/views/global then copy the code below into that file.

    
    <?php
    
    // =============================================================================
    // VIEWS/GLOBAL/_BRAND.PHP
    // -----------------------------------------------------------------------------
    // Outputs the brand.
    // =============================================================================
    
    $site_name        = get_bloginfo( 'name' );
    $site_description = get_bloginfo( 'description' );
    $logo             = x_make_protocol_relative( x_get_option( 'x_logo' ) );
    $site_logo        = '<img src="' . $logo . '" alt="' . $site_description . '">';
    
    ?>
    <div class="logo-area">
    <?php echo ( is_front_page() ) ? '<h1 class="visually-hidden">' . $site_name . '</h1>' : ''; ?>
    
    <a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>" title="<?php echo $site_description; ?>">
      <?php echo ( $logo == '' ) ? $site_name : $site_logo; ?>
    </a>
    
    <div class="tagline">MY TAGLINE</div>
    </div>
    

    Change MY TAGLINE with your text.

    Hope that helps

    #1215332
    carbon14
    Participant

    Thanks. You helped me with code to only show logo in header, and in your code to set the logo margin to 50px, but what is the code if I want the logo to be centered on all devices?

    #1215693
    Rad
    Moderator

    Hi there,

    Please add this CSS as well.

    .x-brand {
        margin: 0 auto;
        display: inline-block;
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    Hope it helps.

    #1215862
    carbon14
    Participant

    great support as always. that work perfectly

    #1215888
    Paul R
    Moderator

    Thank you for your kind words.

    Have a nice day! 🙂

    #1216022
    carbon14
    Participant

    Need some more help. The heading in the container. How do I change the color and size of only that global form all pages, and don´t affect all other headlines?

    #1216373
    Jade
    Moderator

    Hi there,

    Please use this code:

    .page-id-20 h1.h-landmark.entry-title {
        color: #efefef;
        font-size: 200%;
    }

    Feel free to adjust the values in the code.

    Hope this helps.

    #1216532
    carbon14
    Participant

    Thank you again. I feel like I keep bugging you with questions, but I am planning to do all my sites in the future with X so great to get all my questions answered. So there is one more little thing. Above in this thread i got help with the padding of the text in buttons, but i just affected the SEND button in contact form. I need this code to work global for all buttons. Now my other buttons are even more off center. Do you have a solution for this (Se attached file, the CLICK ME button)

    #1216545
    carbon14
    Participant

    And another bug after your code. Other buttons won´t change text and add icon even if I add new info and save. See attached file. Still Click me text in button

    #1216550
    carbon14
    Participant

    Forget the last post, I fixed it, but case #1216532 still needs to be fixed 🙂

  • <script> jQuery(function($){ $("#no-reply-1213433 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>