Headermenu – change of details in template

Prinox is a commercial (ie paid) theme. So we’re unable to install this theme and help you make your desired changes visually from the theme’s settings.

Below I’ll try my best to help you address these issues. But please note that as I don’t have access to the theme, I can only suggest CSS code to make these changes. If you’re cool with this, place the suggested lines of CSS code in APPEARANCE => CUSTOMIZE => ADDITIONAL CSS (or wherever your theme suggests you put custom CSS).

In the first three cases, kindly change the specified color from red to your desired color. And in the last case, change uppercase to lowercase if that’s what you desire.

1. So i need help to change the color of the blue button in header so it will not have the gradient

.button-box a.theme-btn {
background: red;
}

2. On the left side its some small lines thats its dark blue and moving like a animation, this i can not find where to change, i need to change the color here as well.

.main-header .cart-box .icon-box {
background-color: red;
}

3. The webshop icon circle left for button its all white, shoud also be changed to see the content-icon.

.hamburger span {
background-color: red;
}

4. Lower, uppcase on the text in menu – i see where to change every other place but in the header i can not change nothing my self.

.main-header .main-menu .navigation > li > a {
text-transform: uppercase;
}

Standing by for feedback.

Hi again, it was very helpful i allready changed everything. Thanks alot for quick and good help.
For number 3, is it possible to have a webshop basket inside the circle, i think i lost it somehow?

I also did something that i probably shoud not with the menu when im scrolling down, the sticky header. You see here its getting white and logo is not visible. Is it anything i can do with this from css? Or it can just be normal one, i dont know where to turn this sticky header off.

• This reply was modified 1 year, 10 months ago by Susanne Uthuus.
• This reply was modified 1 year, 10 months ago by Susanne Uthuus.

@gappiah possible to help me with last details?

For number 3, is it possible to have a webshop basket inside the circle, i think i lost it somehow?

The theme actually has the basket, but its hidden by some code from the ElementsKit plugin you’re using.

The following should override the overriding code ??

.main-header .icon, .main-header .icon:before {
font-family: 'Flaticon' !important;
color: #fff;
}

You may very well have to change the color of the basket, and the background colors of the two circular boxes to make the whole thing appealing and consistent with your branding.

I’ve given the code to change the background of the larger circle already. For the small circle, try:

.main-header .cart-box .total-cart {
backkground-color: red;
}

(As before, change the colors as desired)

I also did something that i probably shoud not with the menu when im scrolling down, the sticky header. You see here its getting white and logo is not visible. Is it anything i can do with this from css? Or it can just be normal one, i dont know where to turn this sticky header off.

It’s definitely better to turn the feature off completely (in your theme or Elementor plugin), than to have it generated and then hide it with CSS… but I’m unable to help you with that, as I’m not familiar with your theme or the plugin.

If you’re OK brute-forcing with CSS code, the following should hide it:

.main-header.fixed-header .sticky-header {
display: none;
}

If, instead of hiding it, you prefer to keep it but change the background color, use the following instead:

.main-header.fixed-header .sticky-header {
color: #232323;
}

It all work out perfect, thanks alot for your help ??