Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #877322

    Hi guys, quick question,
    I’ve been trying to change the colour of the “Small bar above Main Menu” in the advanced styling settings but it has not work at all for a couple of days – I need to change the colour of the bar and also the text in it.

    Also is it possible to centre align the text in that bar?

    Thanks so much!


    Hey HeyPons,
    Please include the url to the page in question so we can take a closer look.

    Best regards,


    Hi Mike, Here is the url to the site, thank you!


    Try this code in the General Styling > Quick CSS field:

    #top #header_meta {background-color: red !important; }
    .header_color .phone-info {color: white !important; }
    .av_phone_active_right .phone-info {
        float: none!important; 
        text-align: center!important; 

    adjust the colors to suit.

    Best regards,


    Thanks a lot Mike, unfortunately for some reason it didn’t work – I’m using all these quick CSS changes, do you think one of these ones might be blocking it?

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child > li > a {
    padding: 0 6px;
    font-size: 10px;

    .main_menu {
    margin-right: -50px;

    .logo img {
    width: 140px;

    form.cart {
    display: none;

    #top .cart_dropdown { display: none; }

    .av_header_transparency .social_bookmarks a{
    color: #808080 !important;

    .side-container-comment, .comment_container
    { display:none; }

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;

    @media only screen and (max-width: 990px) {
    .hide-on-mobile { display: none !important; }}
    @media only screen and (min-width: 990px) {
    .hide-on-desktop { display: none !important; }}

    .single-post .post-entry .big-preview{ display: none !important; }

    .single-product aside.sidebar, .single-product aside.sidebar .inner_sidebar {
    display: none !important;

    span.image-overlay.overlay-type-extern {
    display: none !important;


    Hi HeyPons,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look? Can you disable the caching plugin for now?

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Changing colour for the "Small bar above Main Menu" NOT working’ is closed to new replies.