Docs

[1liquidcom]

Hi there,

I am setting up an online store for e-cigarette Liquid http://www.1liquid.com (its german).

I am having some problems. I am trying to insert some text on the sides of the logo in the header. Do you guys know if that is possible?

Is it possible to customize the header in the phone size? Because my problem is that the header from my site in phone size is way to big, but the header from PC size is good. Can I change the phone header without changing the PC header?

I aslo have problems with changing the colours from my buttons http://1liquid.com/eliquid/ .

thanks

[Rupok]

Hi there,

Thanks for writing in!

#1. It’s not usually possible to place text within Logobar. If you still want to place some text, you can add this under Custom > JavaScript in the Customizer.

jQuery(document).ready(function($) {
  var html = '<p class="my-header-text">Place your text here</p>';
  $( html ).appendTo('.x-logobar-inner > .x-container');
});

If you need to style the text, you can add this under Custom > CSS in the Customizer.

.my-header-text {
  display: inline-block;
  font-size: 16px;
}

Let’s add your own styling.

#2. You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 767px) {
.x-brand img {
  width: 100px;
}
.x-btn-navbar, .x-btn-navbar.collapsed {
  font-size: 36px;
}
.x-navbar-inner {
  min-height: 60px;
}
}

Hope this will make the header narrower for mobile.

#3. It seems you have added a green abckground color and white color that’s working fine. Let us know what else you are trying achieve.

Cheers!

[Author]

Posts