Header design questions

kullus

Hello,

I used Header Builder to make header like i want, but because can´t translate all the elements, have to use basic layout (Stack: Left). Questions:

1. Can move WPML flags to the action bar?

2. Can show shopping bag icon last, after search field and button?

3. Can add color to menu background?

4. What is it and how to remove it? Or can move menu to it?

image: https://prnt.sc/r9h83d

url: http://sivona.veebilahendus.ee/

Thank you!

Pablo

Hello,

The Muffin Header Builder is not still fully compatible with the WPML - we are still working on it.

1) Just push the "Extras" item from the Muffin Builder into the "Action Bar" row in the MHB.

2) I don't think that's possible - you would have to edit the CSS code of our plugin.

3) You can only add background color for the section and rows (http://prntscr.com/ra6m63)

4) Are you using the Muffin Header Builder? Code of the page does not look like you would.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Hello,

No I need the translation options, so I don´t use Header Builder anymore. I am using your layout (Stack:Left). Can I do some changes in the header like on my questions?

P.S And is it possible to show larger search field area?

Thx!

Pablo

1) Sadly, this will be not possible, because it require the html modifications of our code.

2) Please use this CSS code:

#header_cart{
  float:right !important;
}

3) You can do it through the Theme Options > Colors > Header - look for the "Top Bar Left"

4) Please turn on the "Minimalist" option to "ON" in Theme Options > Header & Subheader > Header

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Hi,

1. Ok

2. Added code, but still shopping icon is 1st, not last item: http://sivona.veebilahendus.ee/

3. Added color, but then this color is also header background color, want that header would be white and menu background color would be with differentcolor. On the moment all same, image: https://prnt.sc/ravk0s

4. Worked, thx

Pablo

2) This code is not working, because your CSS before the my code does not have closed bracket.

Please fix it and my code will start to work.

3) This is how it works, for now, I can only offer you to change this element color:

http://prntscr.com/ravxwe

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

2) now ok, thx

3) it would be great, how to do it, so area there are logo would be on white background and menu lins on different color background?

P.S and how to make search field area wider?

Pablo

So, use this CSS code:

.menu_wrapper{
  background:white !important;
}

About the search field, I suggest not to touch it, because it's already created to be most wide on the mobile and touching it, require to change a lot of responsive rules.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Hi,

Now much better, but can add the color also to the menu link areas on right and on left?

image: https://prnt.sc/rb1vox

url: http://sivona.veebilahendus.ee/

Pablo

I can only change this space:

http://prntscr.com/rbbr7y

Other color is taken from the top_bar_left, and it cannot be easily changed, because all of the elements are inserted inside that top_bar_left (which is white now)

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kullus

Hi,

if can change the area on pic, it would be great, Can?

image:https://prnt.sc/rbfsat

Pablo

No, it is not possible.

As I said, I can only change the background from the picture sent in my previous answer.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next