Return to previous page

How to line up menu - by queenb123 - on WordPress WooCommerce support

This topic has 14 replies, 4 voices, and was last updated 9 years, 1 months ago ago by queenb123

queenb123

Participant

March 6, 2015 at 10:04

hi

is there way to line up the menu, ive tried everything but cant seem to do it, please see image:

#47786 Copied Theme version: latest WooCommerce version: 4.1

13 Answers
Brian Johnson

Member

March 6, 2015 at 10:34
Hello.
You may try to adjust these values in custom.css.
```
.shopping-container {height: 50px}
.top-links {height: 50px }
.header-search {padding-top:13px !important}
.navbar-right {height: 50px }
```
With best regards,
Brian Johnson
#47792 Copied
queenb123

Participant

March 6, 2015 at 10:59

no sorry that didnt work and maybe you misunderstood.

i need the pink box to line up with the grey line (review)…

#47803 Copied

Robert Hall

Support staff

March 6, 2015 at 11:22

Hello,

I’ve made some changes in custom.css file. Please check.

Regards,
Robert Hall.

#47812 Copied

queenb123

Participant

March 6, 2015 at 13:18

nope still the same…any other suggestions pls?

#47850 Copied

queenb123

Participant

March 6, 2015 at 13:19

i also cant see what what changed in the custom.css file???

can u post it here pls?

#47851 Copied

Brian Johnson

Member

March 6, 2015 at 13:33

Sorry. Would you mind to provide us with more detailed screeshot and instructions of what exactly should be removed.

With best regards
Brian Johnson

#47857 Copied

queenb123

Participant

March 6, 2015 at 13:58

ok here it is again|:

as you can see i need the cart to line up with the reviews

#47882 Copied
Eva Kemp

Support staff

March 6, 2015 at 15:03
Hello,

I’ve added this code in custom.css file:
```
@media only screen and (min-width: 992px) {
.header-type-12 .shopping-container {
 margin-right: 3px;
} }
```
Please check the header now.

Thank you.
Regards,
Eva Kemp.
#47910 Copied
queenb123

Participant

March 6, 2015 at 17:04

hi Eva,

thanks for this, that sort of works but now theres and extra edge where it says “reviews”

can you help with this? do i have to reduce the logo?

#47977 Copied
Eva Kemp

Support staff

March 6, 2015 at 17:45
Hello,

Please replace the previous code with this one:
```
@media only screen and (min-width: 992px) {
.header-type-12 .shopping-container {
  margin-right: 2px !important;
} }
```
Thank you.
Regards,
Eva Kemp.
#48001 Copied
queenb123

Participant

March 6, 2015 at 20:17

ok almost there…it seems we have to somehow stretch that pink box…is there a way to add width?

#48030 Copied

Eva Kemp

Support staff

March 7, 2015 at 17:48

Hello,

Could you please show a screenshot how it looks at your side now?

Thank you.
Regards,
Eva Kemp.

#48109 Copied

queenb123

Participant

March 7, 2015 at 19:24

nope still the same:

is there a way just to stretch out the pink part only to the edge?

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