Return to previous page

My Account in the Top Bar is not aligned with social network icons

This topic has 15 replies, 3 voices, and was last updated 4 years, 7 months ago ago by Rose Tyler

Matheus

Participant

August 29, 2019 at 21:05

I have the following issues that keep me from getting the site up and running:

1 – My Account in the Top Bar is not aligned with social network icons. I tried to use Icon and Icon + Text, but I got the same problem.
Image example sent in private named Problem 1

2 – I would like to add the search icon close to the cart icon, replacing the wishlist heart for example.
Also on mobile version, the search should be close to the cart icon, not just inside the menu. Can you help me?

3 – The search ajax is too slow, taking more than 30 seconds to show result.

4 – I don’t receive the same result when I use Ajax search by typing a few letters that when i type the same few letters and click in the search.
Image example sent in private named Problem 4 Ajax
Image example sent in private named Problem 4 Complete

Please, contact administrator
for this information.

#220418 Copied Theme version: 5.6 WooCommerce version: 3.7

14 Answers
Rose Tyler

Support staff

August 30, 2019 at 07:57
Hello,

Thanks for using our theme.
1) Please add this code in Theme Options > Custom CSS > Custom CSS for desktop:
```
.navbar-header.show-in-tb-right {
    vertical-align: middle;
}
```
2) It requests additional customization in files and is outside the scope of basic theme support, sorry. You can submit customization request here.
Or you can add this code in Custom CSS for desktop to get – http://prntscr.com/ozh47a
Also, you can change header type in Theme Options > Header > Header layout http://prntscr.com/ozh53u Here are settings for positions of the search – http://prntscr.com/ozh597
3) https://xstore.helpscoutdocs.com/article/100-how-to-speed-up-my-website
4) Theme Options > Header > Search > Search by products > On.

Regards
#220438 Copied
Matheus

Participant

September 6, 2019 at 17:38

Hey, thanks for the answer.
1- still not aling, please take a look.
2- the css provided does not work. I can’t enter in the website to ask for help for this customization.
3 – thank you.
4- it works great, thank you.

#220965 Copied
Rose Tyler

Support staff

September 7, 2019 at 08:33
Hello,

1) Please change the code to http://prntscr.com/p2yujs
margin-bottom: 7px;
2) Sorry about the custom CSS code, here it is:
```
.header-advanced .header-search.act-default input[type="text"] {
    border-radius: 20px;
}
.header-advanced .header-search.act-default {
    margin-right: 0px;
}
```
Try this link – https://wpkraken.io/?ref=8theme
3, 4) You’re welcome!

Regards
#220992 Copied
Matheus

Participant

September 10, 2019 at 15:09

Hey, thank you for the answer and good support.

1- It works great now, thanks!

2 – With the provided Css I could not see any change. Also I can´t access the website https://wpkraken.io/?ref=8theme. Please, I am developing this website for a customer and is mandatory the mobile header show the search close to the card. Can you help me?

I really appreciate it, thanks again.

#221119 Copied

Olga Barlow

Support staff

September 11, 2019 at 11:07

Hello,

We don’t see the problem with the desktop search after CSS that we provided.
Before – https://prnt.sc/p4n980 , after – http://prntscr.com/p4n9q0 Try to clear the browser cache.

What do you get when visiting the site of the customization team? Our basic support does not include additional customization. We can help you with existing options or minor CSS only. Unfortunately, we don’t have mobile header layout with the search icon next to the cart. If you need changes with the layout contact customization team.

Regards

#221174 Copied

Matheus

Participant

September 11, 2019 at 15:00

When I try access the customization team I get error like the image attached;

Please contact administrator
for this information.

#221191 Copied

Olga Barlow

Support staff

September 11, 2019 at 16:00

Hello,

Strange. Maybe it’s because of your location. Try to use VPN extension like https://chrome.google.com/webstore/detail/zenmate-vpn-best-cyber-se/fdcgdnkidjaadafnichfpabhfomcebme?hl=en or similar.

Regards

#221197 Copied

Matheus

Participant

September 12, 2019 at 19:41

Can you help me or provide a similar code that was provided on the support https://8theme.com/topic/help-customize-header/ , but instead user Login I need to put the search icon?

Thank you very much.

#221280 Copied

Olga Barlow

Support staff

September 12, 2019 at 22:22

Hello,

What type of header do you use? What version of our theme do you use?
Provide screenshot on how you want to show the search button and where to avoid misunderstanding.

Regards

#221288 Copied

Matheus

Participant

September 20, 2019 at 00:26

Hi! I am using the last version, I just update now.
I saw a new header builder, but unfortunatly is not working. When I try enter in the Header Builder I receive the mesage: “Parse error: syntax error, unexpected ‘>’ in /home/donac062/public_html/woocommerce/wp-content/plugins/et-core-plugin/inc/customizer-builder/templates/header/header-top.php on line 19”

#221717 Copied

Rose Tyler

Support staff

September 20, 2019 at 07:38

Hello,

Please provide FTP access.

Regards

#221730 Copied

Rose Tyler

Support staff

September 20, 2019 at 07:58

Looks like the problem is caused by php version, you need to update it to 7.2.

Regards

#221735 Copied

Matheus

Participant

September 20, 2019 at 10:20

It works. Thank you.

#221761 Copied

Rose Tyler

Support staff

September 20, 2019 at 10:25

You’re welcome.

Regards

#221762 Copied
Viewing 15 results - 1 through 15 (of 15 total)

The issue related to '‘My Account in the Top Bar is not aligned with social network icons’' has been successfully resolved, and the topic is now closed for further responses

My Account in the Top Bar is not aligned with social network icons

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection