Responsive or adjustment

Hi there,

I noticed on my homepage the part I marked with red see printscreen https://snipboard.io/gphIXq.jpg

That on other device/formats showing different see printscreen https://snipboard.io/N0hjGZ.jpg

How can I make it on every device the same row as in the first image. Evertime the four things has to be in one row.

Regards.

Ibrahim

Hello,

You need to configure the responsive width of the columns. However, the icons would not look nice because they will be very small and almost not visible. https://wpbakery.com/video-academy/responsive-column-control-width-offset-param-usage-explained/?v=9025a1ae8c64

Best Regards

Hello,

I will check this, thanks. But there is 1 more thing due responsivness.

My main menu, sticky menu. At some point(size) it gets like see printscreen. https://snipboard.io/lARLKy.jpg

out of the lines.

How can we fix this?

Hello,

Try to enable the cloned header in the Header settings. https://xtemos.com/docs/woodmart/header-builder/global-header-settings/

Best Regards

It was already. So I don’t know what the issue is. what else can we do?

and also can I disable category in the search bar I only want search.
I looked in the settings but couldn’t find any option.

see printscreen https://snipboard.io/sOvZiA.jpg

Hello,

I can provide custom CSS for the sticky header to make the font and paddings smaller and it would fit the header.

As for the Select category in the search, you can disable this in the Search element in the Header builder.

Best Regards

Hello,

As always excellent support. I have the following issue we have talked about.

1. can we make the searchbar fit here https://snipboard.io/ofNm4c.jpg cause when i do it its doesn’t fit and the sticky bar get’s mixed up see printscreens:

https://snipboard.io/W0cAHn.jpg
https://snipboard.io/tLBhlg.jpg

here I added an example from another site
https://snipboard.io/T4aCn8.jpg
this is their sticky menu https://snipboard.io/6fxkKU.jpg

2. see also again this printscreen https://snipboard.io/ofNm4c.jpg i left a note within about the icons. I use also cccleaner to delete al caching.

thanks in advance

regard,
ibrahim

Hello,

Our header builder is a took allowing insert any element in any row and any place. You just need to put the search element in the top bar in the middle. https://xtemos.com/docs/woodmart/header-builder/add-edit-builder-elements/ and https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Please add this code to the Theme Settings > Custom CSS > Global:

body  .whb-sticked  .woodmart-navigation .item-level-0>a{
font-size:10px;
	padding-right: 5px;
    padding-left: 5px;

}
body  .whb-sticked  .woodmart-navigation .item-level-0>a:hover{
font-size:10px;
		padding-right: 5px;
    padding-left: 5px;
}

Best Regards

Hi there unfortunately can’t get it work. I will put this issue on hold and come back to this case in less then a week.

Hello,

Which issue you have a problem with: search element of a menu in the sticky header?

Best Regards

Hi,

Actually both, when i put the search bar at the top it doesn’t fit and all the icons are not positioned anymore.

see printscreen https://snipboard.io/W0cAHn.jpg

Regards,

Ibrahim

Hello,

Please provide the site admin access to the private area

Best Regards

Hi there,

as requested hereby the credentials.

As additional information, I added the code in the css part as you requested in #195568 this ticketnr.

Unfortunately it didn’t work.

As I mentioned before is to make almost the same as this site see printscreen https://snipboard.io/T4aCn8.jpg

THis is their sticky menu see printscreen https://snipboard.io/6fxkKU.jpg

Offcourse I don’t need the exact same. But your template provides it also but as you know i couldn’t get it done.

Many thanks for your time.

Regards,
Ibrahim

Hello,

Please have a look at the screen: https://prnt.sc/sljgly

In order to add an element, follow this instruction: https://xtemos.com/docs/woodmart/header-builder/add-edit-builder-elements/

Set the sticky row or disable following this instruction: https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Best Regards

In your printscreen you say “I will make” do you mean you will pick this up or do I need to do that.

Also in your printscreen my icons are not visible can you see why? I asked before also about this.

Hello,

Yes, I will provide the custom CSS to hide the search on the default and show only on sticky.

You need to insert the correct site URL into Settings > General. Your site is customized and I cannot even see the field.
Here is your panel: https://prnt.sc/slmo4j and here is how it should be https://prnt.sc/slmqcx

Best Regards

The reason you don’t see it because it is a multi site you have to look under network 😉

Hello,

Please clean the cache, it works in other browsers.

Best Regards

[Author]

Posts