Shop Categories

X

text bar on top

Home Forums Agama Pro text bar on top

Topic Resolution: Resolved
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #25865
    Diego Letelier
    Participant

    Hello!

    Could I have only a text on the bar on top? Maybe at the same for navigation and rrss I could display text? Also I would like to change the colour of only top bar.

    The link attached is a sample of what I would like to have on the website.

    Let me know if I am asking too much, best regards.

    Diego

    #25866
    Zex
    Moderator

    Hello, Diego!

    Please follow the steps below:

    1. Navigate to Appearance->Menus and insert the Custom link to your “top” menu.
    https://prnt.sc/rlbh07
    https://prnt.sc/rlbnro

    2.
    Depending on which header you are using, go to Customizing-> Header-> General … Header_V #,
    and turn off the Social Icons if you don’t need it.
    https://prnt.sc/rlbqjt

    3.Insert the following code into Customizing->General->Additional CSS:

    .top-navigation ul{
        text-align: center!important;
    }
    nav#top-navigation.pull-left{   
        float: none!important;
    }
    .top-nav-wrapper {
        background-color: #666666;
    }

    https://prnt.sc/rlc14w

    Change the background color value per your wish.

    You can change the text typography from the Customizing->Navigations->Navigation Top menu
    https://prnt.sc/rlc2uh

    If you need anything else, feel free to contact me again.

    Also, you can try the Simple Banner plugin.
    https://prnt.sc/rlcdub

    Regards

    • This reply was modified 3 years, 4 months ago by Zex.
    #25875
    Diego Letelier
    Participant
    This reply has been marked as private.
    #25877
    Zex
    Moderator

    Hello, Diego,

    Try to substitute the codes you currently have with the following:

    #top-bar{
        background-color:grey!important;
    }
    #top-social ul li a {
        color:white!important;
    }
    .agama-primary-nav  {
       text-align: center;
    }		
    .top-links {
        margin-left:40%;
    }
    #top-bar .pull-left{
        float:none!important;
    }

    Regards

    #25878
    Diego Letelier
    Participant

    Awesome!

    Thank you!

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