This topic has 14 replies, 4 voices, and was last updated 9 years, 3 months ago ago by Brian Johnson
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
Hello,
Try to add this code in Global Custom CSS.
.navbar{
padding: 0px 0 40px;
position: relative;
top: -25px;
}
Regards,
Robert Hall.
Thanks Robert – it works!!
Hello groubee,
we are always happy to help. Have a nice day!
Regards,
Stan Russell.
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
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
No it does not work – look here: https://www.dropbox.com/s/fh8lykmelgq7fst/how-to-get-it-up.jpg?dl=0
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
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.
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.
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?
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
Thanks a lot – it works!!
You are welcome!
Regards,
Brian Johnson.
You must be logged in to reply to this topic.Log in/Sign up