Return to previous page

Align social link widget not working - by ianabel

This topic has 12 replies, 4 voices, and was last updated 4 years, 6 months ago ago by Olga Barlow

ianabel

Participant

October 10, 2019 at 12:10

Hello,
When I go to Widget > Left side top bar area > Social links > Align when I choose “left, right or center” it doesn’t change the position, remains always left. How can I center it?

Thanks

#222957 Copied Theme version: v.6.1.1 (child v.1.0) WooCommerce version: 3.7.0

11 Answers
Rose Tyler

Support staff

October 10, 2019 at 12:15
Hello,

You can add this custom CSS code:
```
.header-center2 .top-bar .languages-area {
    text-align: center;
}
```
I would recommend you to update the theme to latest version – https://xstore.helpscoutdocs.com/article/63-theme-update and Core plugin too – https://xstore.helpscoutdocs.com/article/37-plugins-update
There is a new feature – Header builder, you can activate it in Theme Options and create the header from scratch depends on your needs.

Regards
#222959 Copied
ianabel

Participant

October 10, 2019 at 12:21

OK thank you! I know about header builder but I don’t know if I can migrate my current header without losing my configuration. I don’t want to start all over again.

#222960 Copied

Rose Tyler

Support staff

October 10, 2019 at 12:28

Here – http://prntscr.com/pheamw should be available video tutorials, please watch them.
Current headers and settings will be deprecated in 3 months, so I would recommend you to use Header Builder.
Let us know if you need any assistance.

Regards

#222962 Copied

ianabel

Participant

October 12, 2019 at 10:11

Hello Rose, I follow your recommendation and I remade the header with header builder. Now I have to small issues with an image I set on one menu tittle.
In Desktop version: https://www.ia-incosmetics.com/wp-content/uploads/2019/10/texto-no-alineado2.jpg
1. “COSMETICA NATURAL” is not aligned correctly because of the small logo. There’s any way to fix it?
2. I want to change text color of “invita un amigo y gana 10€”. How can I do that?
3. In responsive version: https://www.ia-incosmetics.com/wp-content/uploads/2019/10/ecocert-responsive.jpg
Small logo has change the position and now is before tittle and not after tittle. Plus it has lost a lot resolution, more than in desktop version. How can I set logo after tittle and fix the resolution issue (I have the vector logo with very hight resolution). Do you know the correct size for the logo so it keeps a good resolution?.

Thank you!

#223115 Copied

Rose Tyler

Support staff

October 12, 2019 at 10:48

Hello,

Please provide temporary wp-admin access.
2. Settings of the Promo text > Style > WCAG Color.

Regards

#223117 Copied

ianabel

Participant

October 12, 2019 at 10:59

Hello,
2. Is not promo text, is secondary menu widget. But I dont want to change the color of the entire menu, only the “invita un amigo y gana 10€” item.
Here you have wp-admin access

Thank you!

Please contact administrator
for this information.

#223118 Copied
Rose Tyler

Support staff

October 12, 2019 at 12:36
Hello,

1. Please add this code in Theme Options > Custom CSS:
.menu-wrapper .menu > li > a.type-img, .et_b_header-menu.et_element-top-level .menu > li > a.type-img {align-items: center;}
2.
```
.header-main-menu2.et_element-top-level .menu > li:last-child > a {
    color: #75cbef;;
}
.header-main-menu2.et_element-top-level .menu > li:last-child > a:before {
    background: #75cbef;
}
```
3) Upload larger image and add this code:
```
.et_b_header-menu .menu li img {
    max-width: 35px;
    max-height: 35px;
}
.et_b_header-menu:not(.et_element-top-level) .menu a img {
    order: 0;
    margin-right: 0;
}
```
Regards
#223126 Copied
ianabel

Participant

October 14, 2019 at 18:50

Thank you very much Rose! Works great!
2. Just one small issue. The space above and below “cosmetica natural” is bigger than spacing between the rest of the menu items. Can we keep the same space between all the items? Please see screenshot https://www.ia-incosmetics.com/wp-content/uploads/2019/10/menu-movil-espacio.jpg Space 2 and 3 are bigger than 1 and 4.

4. Also have too much space above and below main menu in desktop version. If I change “min high” of bottom header, from a certain number it doesn’t get smaller in spite of having a lot of space.
Please see screenshot: https://www.ia-incosmetics.com/wp-content/uploads/2019/10/logo-en-cabecera-too-high.jpg
Thanks again!

#223184 Copied

John Holden

Support staff

October 15, 2019 at 05:18

Hi,

1. It caused by image, if you removed it then it would be normal http://prntscr.com/pjczae

2. You can decrease padding top & bottom in Header Builder -> Main Menu http://prntscr.com/pjd17y

Regards,
Hung PD

#223198 Copied

ianabel

Participant

October 15, 2019 at 15:51

Great suggestion. Thanks

#223221 Copied

Olga Barlow

Support staff

October 15, 2019 at 18:57

You are welcome.

Regards

#223236 Copied
Viewing 12 results - 1 through 12 (of 12 total)