Move logo + main menu + cart up - by groubee

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

  • 13 Answers
    Avatar: Robert Hall
    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.

    Avatar: groubee
    groubee
    Participant
    September 16, 2015 at 15:15

    Thanks Robert – it works!!

    Avatar: stan
    Stan Russell
    Participant
    September 16, 2015 at 15:54

    Hello groubee,

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

    Regards,
    Stan Russell.

    Avatar: groubee
    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

    Avatar: Brian Johnson
    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

    Avatar: groubee
    groubee
    Participant
    September 17, 2015 at 14:40
    Avatar: Brian Johnson
    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

    Avatar: groubee
    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.

    Avatar: Robert Hall
    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.

    Avatar: groubee
    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?

    Avatar: Brian Johnson
    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

    Avatar: groubee
    groubee
    Participant
    September 17, 2015 at 16:02

    Thanks a lot – it works!!

    Avatar: Brian Johnson
    Brian Johnson
    Member
    September 17, 2015 at 16:05

    You are welcome!

    Regards,
    Brian Johnson.

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.