Return to previous page

Move logo + main menu + cart up - by groubee

This topic has 14 replies, 4 voices, and was last updated 8 years, 7 months ago ago by Brian Johnson

groubee

Participant

September 16, 2015 at 13:47

Hi

How can I move the logo+menu+ cart up to the top from 165px to ex 100px?

http://dev-smooff.serv10.powerhosting.dk/

Best regards
Tonny

#87271 Copied

13 Answers
Robert Hall

Support staff

September 16, 2015 at 14:14
Hello,

Try to add this code in Global Custom CSS.
```
.navbar{
padding: 0px 0 40px;
position: relative;
top: -25px;
}
```
Regards,
Robert Hall.
#87279 Copied
groubee

Participant

September 16, 2015 at 15:15

Thanks Robert – it works!!

#87309 Copied

Stan Russell

Participant

September 16, 2015 at 15:54

Hello groubee,

we are always happy to help. Have a nice day!

Regards,
Stan Russell.

#87317 Copied

groubee

Participant

September 17, 2015 at 14:07

hi Stan,

On Sub pages – is it possible to move the “banner” and content up – there is now a lot of white space between banner and top header menu and logo.

Like here: http://dev-smooff.serv10.powerhosting.dk/shop/

And is it also possible to make the header logo – only on sub pages(not on the homepage) smaller?

I hope you can help me 🙂

Thanks
Tonny

#87559 Copied
Brian Johnson

Member

September 17, 2015 at 14:22
Hello groubee
Please try this code in custom.css for shop page:
```
.woocommerce-shop .page-content {margin-top:0!important}
.woocommerce-shop .category-description {margin-top:0!important}
```
and this for all pages:
```
.page-content {margin-top:0!important}
.category-description {margin-top:0!important}
```
Regards
Brian Johnson
#87567 Copied
groubee

Participant

September 17, 2015 at 14:40

No it does not work – look here: https://www.dropbox.com/s/fh8lykmelgq7fst/how-to-get-it-up.jpg?dl=0

#87572 Copied
Brian Johnson

Member

September 17, 2015 at 14:47
Please use this code instead and don’t forget to clear browser cache to see changes:
```
.page-content {margin-top:0 !important}
.category-description {display: none!important}
```
Regards,
Brian Johnson
#87578 Copied
groubee

Participant

September 17, 2015 at 15:00

No, it stills moves on the wrong side of the banner, the white space on top of the banner is still the same? now there is no space under the banner and that is not what I wanted.

#87582 Copied
Robert Hall

Support staff

September 17, 2015 at 15:06
Hello,

Please provide us with screenshot how it should look.
Also you can try this code
```
.post-type-archive .main-header > .container {
    height: 205px;
}
```
Regards,
Robert Hall.
#87586 Copied
groubee

Participant

September 17, 2015 at 15:30

Yes that works!! on the shop page, but it is still the same on the other pages?
See https://www.dropbox.com/s/5fyw5dg5wsk0r4d/how-to-get-it-up-v2.jpg?dl=0 and this now works on the product page … is it possible to make the logo smaller?

#87595 Copied
Brian Johnson

Member

September 17, 2015 at 15:45
You may try this code instead of previous(just without .post-type-archive:)
```
 .main-header > .container {
    height: 205px;
}
```
And this one for logo:
```
.home .header-logo img{    max-width:320px!important;
    float: left;}
    .header-logo img{    max-width: 200px!important;
    float: left;}
```
Regards,
Brian Johnson
#87599 Copied
groubee

Participant

September 17, 2015 at 16:02

Thanks a lot – it works!!

#87604 Copied

Brian Johnson

Member

September 17, 2015 at 16:05

You are welcome!

Regards,
Brian Johnson.

#87606 Copied
Tagged: cart, logo, menu, move, templates, woocommerce, wordpress
Viewing 14 results - 1 through 14 (of 14 total)