Top Bar Help

Hello,
I am new and not technical. Beautiful theme however;

I have six questions:

1) in the demo “Parallax”, the header is transparent. How do I do that?
2) When I try to turn the header to transparent the top bar is overlapped by the slider. Is there a way to make the header transparent while allowing the top bar in solid colar?
3) Is there a way to customize the top bar to be exactly like everlane.com? Center the phrase and showcase a link to the newsletter light box? As well as adjusting the height of the top bar.
4) Can the “My Account / Log out” tab on the header be replaced by icons?
5) Can Mailchimp be placed in the footer widget area? Whats the style code for that?
6) I am using the split header. And I would like to add a fifth menu, but once added, there are three menu to the left of the logo and two menu to the right of the logo. Is it possible to move the menu to appear two to the left of the logo and three to the right of the logo?

Thank you,
Hinson

Hello,

Thank you so much purchasing our theme and contacting our support center.

1. You can enable “Header above the content” option when you edit this page in admin panel -> Pages. Or globally in Theme Settings -> Header -> Header layout.

2. Sorry, but there is no such option in our theme.

3. It is possible but requires additional code customization since there are no such options in our Theme Settings.

4. Unfortunately, there is no such feature either.

5. Yes, you can take its shortcode in admin panel -> Mailchimp -> Forms and place it to a Text widget in the footer.

6. Sorry, but we can’t change this function customarily.

Kind Regards
XTemos Studio

Hello,
Thank you for the help.

When I change the header transparent option, it only allows me to make it 100% transparent. But in the demo of the “paralax” home, it has a semi transparent overlay for the header. How to do this?

For the everlane.com top bar, could you provide me the customization code, and where to apply the code to?

Best,
Hinson

Hi,

We have used this simple code snippet to make the header half-transparent

.main-header {
    background-color: rgba(0,0,0,0.2);
}

You can add to the Custom CSS field.

Sorry, but additional code customization are out of ThemeForest theme support scope https://themeforest.net/item/basel-responsive-ecommerce-theme/14906749/support

Regards

Where can i find help to do this?

Describe in details what exactly you would like to achieve. We will provide you with a CSS code snippet if it will be possible. But if it will require additional JS or PHP customization then you may hire us to do this for you as a paid service.

Regards

Thank you,

Would like to change to similar topbar to http://www.everlane.com

1) I would like to shorten the height of the top bar (Not sure the exact heigh but i will play around the CSS code you provide)

2) Show phrase “Free Shipping on all orders. Easy Returns! | Get first dibs for our newest arrivals”

3) Center align and change font (to be selected)

4) Clickable links to summon subscribe integrated newsletter lightbox, when click on “Get first dibs for our newest arrivals”

Best,
Hinson

Try to use this HTML code for your top bar text in Theme Settings -> Header -> Top bar.

<div style="text-align: center; font-size: 12px;">Free Shipping on all orders. Easy Returns! | <span class="basel-open-popup">Get first dibs for our newest arrivals</span></div>

And place the following css to the Custom CSS area in Theme Setings

.topbar-wrapp,
.topbar-content:before {
	height: 38px;
}

.topbar-wrapp .basel-open-popup {
	font-weight: 600;
    border-bottom: 1px solid #fff;
	cursor: pointer;
  	color: #fff;
}

Thank you!

Regarding the header, is it possible to change the color of the header menus to white or black depending which page I am on? Because for white background like the homepage, the header menus is black. But I would like header menus + logo to turn to white in shop page due to transparent header (Black does not stand out well).

http://www.lanxn.com
http://www.lanxn.com/leather

Best,

Yes, you can change color scheme for the header on each separate page. Just edit the page in admin panel and find this option in Page metaboxes.

[Author]

Posts