How to get back the original menu look.

Hi Guys
My client's site is powering along, the original Cosmetics theme has all but gone, been an incredible learning curve.
can you take a quick look:
http://www.sunessentials.com.au/

And after all this time, my client was asking about the idea of going back to the original menu, like a band across the top with black type.
I have probably asked for your help earlier on how to remove that !!, just going around in circles 8-)
Can you direct me how to redo it back.

cheers


Comments

  • Hi,

    header type can be set under Theme options > Header & Subheader > Header section so we are not sure what exactly you ask for about.

    Thanks!
  • Hi Guys
    sorry that was not very clear, attached are a couple of graphics to better explain:
    What we have now on my client's site:
    image
  • edited June 2016
    then on your BeTheme Cosmetics, I think my client saw this in an email and thought oh why not change the menu header, but she asked about a darker type like they use here: http://www.sunzapper.com.au/image
  • Sorry but we are still not sure what you mean. Do you ask how to activate Action Bar above the menu where phone number, email and slogan are? Is that what you ask for?

    But to make the top bar darker, just set the color for Top Bar Left background under Theme options > Colors > Header section.
  • NO No Action Bar
    The Navigation Bar, please.
    Starting with BéCosmetics and ending with the cart, on your demo.

    Not only darker, but see how it comes down over the image?
    Like I said in the earlier part of my message, I have probably asked your help to remove that feature, so the navigation bar.
    Like this also: http://sunessentials.com.au/Be-nav-bar.jpg

    hope that makes sense.
    cheers

  • We are sorry but it's not clear. It's very difficult to understand what you want to do exactly. Your message is totally incomprehensible. Do you mean to create same header type as on Be|Cosmetics demo? If that's what you mean, you need to use the following css:
    /* Header */
    #Header_wrapper { background-color: transparent; }

    @media only screen and (min-width: 768px) {
        #Top_bar:not(.is-sticky) .column { border: 1px solid #dfdfdf; }
    }

    #Top_bar .top_bar_right { top: 0; }
    #Top_bar .top_bar_right:before { top: 0px; background-image: none; transform: skewX(0deg) skewY(0); -webkit-transform: skewX(0deg) skewY(0); }

    #Header .top_bar_left,
    #Header .top_bar_right,
    #Top_bar .top_bar_right:before { background-color: rgba(255,255,255,.7); }
    #Top_bar .menu > li > a span:not(.description) { font-weight: 700; letter-spacing: 1px; }

    #Top_bar a#header_cart { margin-right: 25px;}
  • incomprehensible?? Really? 8-)

    well you got it
    many thanks


Sign In or Register to comment.