Custom code

Ok thank you
Something else
Check the first image.As you can see I have added this code

.woodmart-search-full-screen.search-overlap .searchform {
box-shadow: 0 1px 2px rgba(0,0,0,.3);}

because I wanted a shadow below the input field.
When I start to type anything this shadow disappear (second image).
Is it possible to make it always visible?

Hello,

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

.woodmart-search-full-screen.search-overlap .searchform {
    z-index: 1002;
}

.woodmart-search-full-screen .woodmart-close-search {
    z-index: 1003;
}

Best Regards

Great.
With your help I have managed to enable the main navigation menu on tablet horizontal mode (image 1) . I have used this code:

@media (min-width: 991px){
body .whb-general-header-inner {
height: 65px;}
body .whb-visible-lg,
body .whb-hidden-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;}
body .whb-hidden-lg {
display: none;}}
On the previous code I have also added this code :

.search-button:not(.mobile-search-icon),
.woodmart-header-links .menu-item-my-account .sub-menu-dropdown {
display: block;}

on purpose to make visible the account and the search icon.
My account is working perfectly before and after login.

Finally adding the code below the search is working great in this resolution
.woodmart-search-full-screen {
display: block;}

I am facing only one problem.
Check the video now.
As you can see I am not able to see the results.The same happens now to the devices above the 1024 resolution
Did I miss anything?
Is it possible to make it work?

Hello,

Please remove the line shown on the screen https://prnt.sc/lzltp1 and add the custom code to the Theme Settings > Custom CSS:

@media (min-width: 991px) {
	
	.woodmart-search-full-screen {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
	}
}

Best Regards

Thank you.Worked
I have two other points to discuss with you:
1. The video was recorded from my tablet.When I move the page up I see a white bar at the bottom (I think is coming from the search function-first image).
Can you prevent this from happening?
2. Using a theme option I have managed to change the background of the shop page (image 2).
Clicking over the text “view all results” at the bottom of the search form I am redirected to a new page (image 3).
I want to use the same background on this page too, like I did with the shop page.Is it possible?
Regards

Hello,

1. We are checking and do not see the same.

2. You can set the background in the Theme settings > Styles and colors > Backgrounds https://prnt.sc/lznhm5

Best Regards

Hello
1. Strange.
Now type the word “su” like in the photo.How do we move the black bar to the bottom?
2. I don’t want to change the background to all pages.I want the search result page to have the same background like the shop page.Now it is different.
Regards

Hello,

Add this code to the Theme settings > Custom CSS:

.search-results .main-page-wrapper{
background-color:red!important;
}

Replace “red” with the color you need.

Best Regards

Regarding the 1 & 2 there is no option to do in the way you need.

Best Regards

The code you gave me worked.
You only missed the first part of my question:
“Now type the word “su” like in the photo.How do we move the black bar to the bottom?”
Regards

Hello,

“Now type the word “su” like in the photo.How do we move the black bar to the bottom?”
Regards

It is not possible to do.

Best Regards

Hello
Is it possible to move the highlighted red area to the new position?
Regards

Hello,

Try this code:

.widgetarea-mobile {
    position: absolute;
    bottom: 0;
    left: 0;
}

Best Regards

The code is working but I noticed an issue.
Without your code (image 1)
With your code (image 2 and 3)
It happens when you try to search something (please search the word “su” like I did)
Regards

Hello,

Remove the above-provided code it is not possible to put the block to the bottom because on providing search results it would overlay the other items.

Best Regards

Hello
I found another solution.
I want to ask something else though.
Why it is not possible right now clicking over the account text (look at the image) to redirect the user in my account page?
Regards Leonidas.

Hello,

The widget you have added does not provide the option. Create your HTML block and insert the link.

Best Regards

If I to add those links to mobile menu? http://prntscr.com/m198cj
How do we make it?

Hello,

Create HTML block with buttons or icons element and add to the mobile menu area

Best Regards

Hello
Can please check the attached picture?
I don’t know if this issue is related to our theme.
Regards

Hi,

Thank you for the report. We will fix this error in our next theme update.

Regards

Hello
I wanted to add a button in the main navigation bar on the right.This button is responsible for opening a widget sidebar.Below is the procedure:
1. I have used the header builder (image 1)
2. The I have added the appropriate code (image 2)

The button is working fine (look at the video) except that I see an unwanted code in the header (image 3)
What I am doing wrong?
Regards

Hi,

Field Link in Button element (https://prnt.sc/m5p8w7) is intended for placing direct links (for example “https://www.google.com”), and not part of HTML code.

To place HTML code in your header use Text/HTML element and paste your HTML code inside of it (https://prnt.sc/m5p8m0).

Regards

Hello
I followed your advice.
How do I remove the highlighted area?
Regards

Hello,

Navigate to Header Builder and remove the element http://prntscr.com/m5s4gr

Best Regards

[Author]

Posts