Return to previous page

Search bar, header, widget - by rj - on WordPress WooCommerce support

This topic has 14 replies, 3 voices, and was last updated 3 years, 7 months ago ago by Olga Barlow

rj

Participant

September 12, 2020 at 10:06

1. Can not find option to increase the width of dropdown box for category selection inside search bar

https://prnt.sc/ufyixu

if I am increasing the left padding of Input Computed Box, then text still remains on right side and hidden.

2. Currency Widget is disappearing on Login Page

https://prnt.sc/ufyjxx

3. I made the header full width and kept 20px padding in left and right for desktop
I dont want padding in mobile. But still if I change for mobile its changing to desktop also and when I’m changing for desktop, its changing for mobile also.

#251215 Copied Theme version: 7.0.1

13 Answers

Rose Tyler

Support staff

September 12, 2020 at 12:19

Hello,

Thanks for using our theme.
Please provide URL of the site and temporary wp-admin access https://prnt.sc/ug19rk

Regards

#251227 Copied

rj

Participant

September 12, 2020 at 12:21

Please find details in private content area
Thanks in advance

Please contact administrator
for this information.

#251228 Copied
Rose Tyler

Support staff

September 12, 2020 at 15:15
Hello,

1) Add the next code in Theme Options > Theme custom CSS > Custom CSS for desctop:
```
.et_b_header-search.et_element-top-level select {
    width: 180px;
}
```
2) Contact support of WPML to get assistance with this.
3) Change 20px to 1.5vw

Regards
#251234 Copied
rj

Participant

September 12, 2020 at 15:42

Hi

1. Worked. Can you please give me CSS code to increase font size of content only inside search bar (categories font and placeholder text) I dont want to increase zoom % as it will affect other parts.
2. Are you sure its the issue of plugin? As its working properly on all other pages. I will still try with WPML support.
3. Not Working. Please check again.

#251237 Copied
Rose Tyler

Support staff

September 13, 2020 at 08:58
Hi,

1)
```
.et_b_header-search.et_element-top-level select, .et_b_header-search input[type="text"],
.et_b_header-search.et_element-top-level input[type="text"]::placeholder {
    font-size: 15px;
}
```
2) Contact the plugin support first.
3) As I can see, you have set “1.5vwpx” , change it to 1.5vw , also change the Top header color to white for mobile https://prnt.sc/ugenz7

Regards
#251270 Copied
rj

Participant

September 13, 2020 at 21:48

Hi
1. Font size of Placeholder and Category Selection Box is ok now Thanks. But size is still small when typing search words. Please see below image:

https://prnt.sc/ugnqtp

2. I will close this topic after getting reply from WPML. They asked me to check after deactivating all the plugins except WPML. I will do it after taking backup.

3. Its better than before but not 100% perfect. I mean as I wanted 20px padding in desktop version and 0px in mobile. But using 1.5vw values, its like 20 px in desktop but still 8-10px in mobile. look at the comparison in below image:

https://prnt.sc/ugnzul

#251301 Copied
Olga Barlow

Support staff

September 14, 2020 at 15:26
Hello,

1) Replace the previous code by this one
```
.et_b_header-search.et_element-top-level select, .et_b_header-search input[type="text"],
.et_b_header-search.et_element-top-level input[type="text"]::placeholder {
    font-size: 15px;
}
```
2) Ok.
3) Unfortunately, there is no option to customize paddings/margins for the header for the different devices (desktop/mobile) So, using responsive units is the best way in your case. Or add the custom code to remove the paddings for the mobile device
```
@media only screen and (max-width: 480px)
.header-main, .header-top {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
```
Regards
#251353 Copied
rj

Participant

September 15, 2020 at 16:32

Hi I got the below reply from WPML. Kindly advice.

Custom area 2 widget area on login page
I am not sure that this behaviour is related to WPML. This seems to be a theme issue with regards to the page template and “custom area 2” widgets.

As a test, if you replace the content of this custom area with any other thing that is not related to WPML, I think you will find that you still will not see it.

It looks like the theme and page template are not working well together. Do you agree with this assessment? I think you need to contact your theme support for help with this.

#251470 Copied

Olga Barlow

Support staff

September 15, 2020 at 17:01

Hello,

Do you see that widget if you switch to the default WP theme (Storefront or Twenty Nineteen etc) and add that switcher to the default main sidebar widget area? Check, please, and provide us with a screenshot how it looks with the default theme on the My account page in the default sidebar widget area.

Regards

#251476 Copied

rj

Participant

September 17, 2020 at 05:37

Hi

I was not having any theme installed other than Xstore.
But now I have already took backup and installed Storefront theme.
From here can you please do the rest. I’m sorry but I’m just a beginner and do not want to miss any important step. Thanks in advance.

Please contact administrator
for this information.

#251643 Copied

Olga Barlow

Support staff

September 17, 2020 at 09:57

Hello,

Contact WPML support and tell them that Currency switcher does not appear on My account page in the default sidebar even width the default theme https://gyazo.com/c49a3398892f5cd26e11793ebb33c988 It’s just empty http://prntscr.com/uisfae

So, the problem with this widget on my account page is not related to the theme.

Regards

#251665 Copied

rj

Participant

September 17, 2020 at 13:31

Hi below is the reply from WPML

I will look at this if you wish but please write back to your theme support that the currency switcher will appear on the “Custom area 1” area if placed there and NOTHING appears in “Custom area 2” . Even putting a standard widget in that custom area 2 – the page shows nothing.

But if I place a currency switcher in Custom Area 1 – it appears. So the problem is in their theme template.

And here is the currency switcher in my local test system with Storefront and only Woocommerce and WPML plugins:
https://youtu.be/tkLNC2Ak6i0

So the problem is not with our code….it could be a conflict with a plugin.

#251697 Copied

Olga Barlow

Support staff

September 17, 2020 at 13:54

Hello,

But on the shop page it also works fine with our theme, no? http://prntscr.com/uix0cv
You have a problem on the My account page, isn’t it? Did the WPML support check the My Account page and currency switcher? Please, ask them to fix appearing of the currency switcher in the sidebar on the My account page. If they fix this problem with the default theme but with our them you still have the issue we’ll take the next look.

Regards

#251707 Copied
Viewing 14 results - 1 through 14 (of 14 total)