Home Forums Pro Themes Bizlight Pro Need to add text to right on top screen

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #3752
    9toy
    Participant

    Dear Support

    I need to Need to add text “Phone Numter” to right on top screen. same picture below.
    Add text to right on top screen

    Thanks
    9Toy

    #3758
    wensolutions
    Keymaster

    Hello @9toy,
    We would like to see your current html code. Can you share your site url here?

    Regards!!

    #3770
    9toy
    Participant

    my test website -> http://web4thai.com

    #3771
    wensolutions
    Keymaster

    @9toy – Create Child Theme, and update the code from line 251 (ie 1 line above <nav>) upto </header> inside inc/hooks/header.php by following lines of code:

    <div class="col-xs-10 col-sm-6 col-md-8 col-lg-8">
     <nav id="site-navigation" class="main-navigation" role="navigation">
      <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><i class="fa fa-bars"></i></button>
       <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?>
      </nav>
     </div>
      <div class="col-sm-1 col-md-1 col-lg-1">
      <h6>
      Call PhoneNumber
      </h6>
                  </div>       
                    </div>
                </div>
            </header>

    Hope this works.
    Regards!!

    #3794
    9toy
    Participant

    Hi,

    Okay it work, but can’t fixed position to top and i need change color to white. Pls see picture below.
    Move position text phone number

    Thanks
    9Toy

    #3808
    wensolutions
    Keymaster

    This time a little improve in code and text position as you have wished. Just replace previous code as instructed below.

    Just add HTML code right above the ‘nav’ tag but just below <div class="col-xs-10 col-sm-6 col-md-8 col-lg-8"> div above.

    HTML code :

    <div class="contact-num">
    <a href="callto:+123456789" class="call-us">Call Us : +123 456 7890</a>
    </div>

    Add CSS code :

    .contact-num {
        float: right;
        padding-top: 17px;
        padding-right: 34px;
    }
    
    .contact-num a.call-us {
        color: #FFFFFF !important;
    }

    This tweak should do the trick !

    #3810
    9toy
    Participant

    Excellent,
    I used this code (below), and I have more questions
    1. I want to move one line up on the main menu.
    2. I want to delete underline on the main menu, I try to follow this code (http://themepalace.com/topic/how-to-remove-underline/), but not work.

    CSS code :

    }
    .contact-num {
        float: right;
        padding-top: 0px;
        padding-right: 34px;
    }
    .contact-num a.call-us {
        color: #FFFFFF !important;
    }

    Thanks
    9TOY

    #3838
    wensolutions
    Keymaster

    @9toy,

    1. I want to move one line up on the main menu.


    Paste the following code inside Custom CSS:

    .main-navigation{
    margin-top: 0 ;}

    Note: It will move the entire menu up. Cart is also a menu, so it will also move up.

    2. I want to delete underline on the main menu, I try to follow this code (http://themepalace.com/topic/how-to-remove-underline/), but not work.


    Try this Code > Put the following code inside Custom CSS:

    .main-navigation li:hover  a:after, .main-navigation .current_page_item  a:after, .main-navigation .current-menu-item  a:after, .main-navigation .current_page_ancestor  a:after, .main-navigation li.active  a:after, .main-navigation li.active  a:after, .main-navigation li.active  a:after, .main-navigation li.current_page_parent a:after {
       background: none !important;
    }

    Hope this helps resolve your issue.
    Regards!!

    #3845
    9toy
    Participant

    Super!!

    Thank you so much. for quick support

    Best regards,
    9Toy

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.