Home Forums Basel – Premium Template Top Header

Tagged: 

This topic contains 7 replies, has 2 voices, and was last updated by Artem Temos Artem Temos 3 months, 2 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #8586

    BMG
    Participant

    Top Header, I would like to have social Icons On left, and advertising text centered can you please provide a snipet for this or show me the way.

    My Website is still under construction but looking great. Thank you for such a great Theme as Basel and Xtemos exceptional support. It’s people like you that make us look great in the ECommerce world. Ten Thumbs Up!!!!!!!!!!

    Sincerely,
    Carol H.

    Private Content Hidden
    #8591
    Artem Temos
    Artem Temos
    Keymaster

    Hello,

    Thank you so much for your kind words. We are glad to hear that 🙂

    Firstly, try to put this shortcode to the top bar to add social buttons [social_buttons type="follow"]. Then we will try to prepare some CSS snippet to put it to the left and text to the right.

    Regards

    #8644

    BMG
    Participant

    I used the Snipet as you instructed but the problem is the social Icons are stuck to center Free Shipping Tex.

    I would like to keep the Icon to far left corner and keep text in the Center. Thank you so much.

    Sincerely,
    Carol

    Private Content Hidden
    #8647
    Artem Temos
    Artem Temos
    Keymaster

    Hello,

    Try to add the following code snippet to the Custom CSS area in Theme Settings.

    .topbar-content .top-bar-left {
        position:relative;
    }
    
    .top-bar-left .social-icons {
    	position:absolute;
    	left:0;
    	top:50%;
      	margin-top:-10px;
    }

    Kind Regards
    XTemos Studio

    #8678

    BMG
    Participant

    I have done as you instructed and placed snippet in CSS. The only problem now is the Text in Top Bar is not Center Aligned, everything else is perfect.

    I am forever grateful for your time and help. Thank you.

    Sincerely,
    Carol

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #8680
    Artem Temos
    Artem Temos
    Keymaster

    Hi,

    Add this code also

    .top-bar-right {
    	position: absolute;
      	right:0;
    }
    
    .topbar-content {
    	position:relative;
    }

    Regards

    #8682

    BMG
    Participant

    XTEMOS You Guys Are FREAKING! Awesome.

    Thanks

    Private Content Hidden
    #8695
    Artem Temos
    Artem Temos
    Keymaster

    Thank you 🙂 Have a nice day 🙂

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Top Header’ is closed to new replies.