Responsive or adjustment

This topic has 17 replies, 2 voices, and was last updated 4 years, 8 months ago by Elise Noromit.

Viewing 18 posts - 1 through 18 (of 18 total)

Author

Posts
May 14, 2020 at 2:35 pm #195008

IbrahimY
Participant

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

May 14, 2020 at 8:01 pm #195089

Elise Noromit
Member

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

May 15, 2020 at 10:04 am #195262

IbrahimY
Participant

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?

May 15, 2020 at 11:06 am #195287

Elise Noromit
Member

Hello,

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

Best Regards

May 15, 2020 at 11:44 am #195305

IbrahimY
Participant

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

May 16, 2020 at 8:35 am #195467

Elise Noromit
Member

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

May 16, 2020 at 12:12 pm #195511

IbrahimY
Participant

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

May 16, 2020 at 7:26 pm #195568
Elise Noromit
Member
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
May 21, 2020 at 1:02 am #196542

IbrahimY
Participant

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.

May 21, 2020 at 9:12 am #196632

Elise Noromit
Member

Hello,

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

Best Regards

May 21, 2020 at 9:51 am #196653

IbrahimY
Participant

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

May 21, 2020 at 12:46 pm #196735

Elise Noromit
Member

Hello,

Please provide the site admin access to the private area

Best Regards

May 21, 2020 at 1:39 pm #196748

IbrahimY
Participant

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

May 22, 2020 at 7:07 am #196899

Elise Noromit
Member

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

May 22, 2020 at 7:41 am #196911

IbrahimY
Participant

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.

May 22, 2020 at 9:40 am #196943

Elise Noromit
Member

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

May 22, 2020 at 9:57 am #196948

IbrahimY
Participant

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

May 22, 2020 at 3:21 pm #197042

Elise Noromit
Member

Hello,

Please clean the cache, it works in other browsers.

Best Regards
Author

Posts

Viewing 18 posts - 1 through 18 (of 18 total)

Responsive or adjustment

Create your WordPress website.