Okay
  Public Ticket #851570
Working on the Header
Closed

Comments

  •  1
    Alex started the conversation
    August 4, 2016 at 3:48pm

    Hi,

    1. How can I change the size of the header? I want to set the hight of the header (colour) larger? (dark blue in the file)

    2. How can I change the size and the color of the header menu?

    3. If I take the cursor over a menu item, the background colour will be black! How can I change the colour?

    4. On the selection menu "Standardsortierung" (File, on the midle right of the side) are the selection points out of the box.

    Thank you very much.

    Best Regards,

    Alex

  •  1,558
    Laborator replied
    August 5, 2016 at 11:30am

    Hi Alex,

    1.  Add this code to Custom CSS:

    header.site-header .header-menu {
    padding: 30px 0;
}

    2. Use this CSS for the size:

    header.site-header ul.nav li a, header.site-header div.nav>ul li a {
    font-size: 12px;
}

    3. Use this CSS:

    header.site-header div.nav > ul li ul li:hover > a, 
header.site-header ul.nav li ul li:hover > a {
    background: red;
    color: #FFF;
}

    4. This is the CSS for it:

    .shop .woocommerce-ordering .dropdown {
    min-width: 300px;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  1
    Alex replied
    August 5, 2016 at 2:17pm

    Thats outstanding service Art! I evaluated your service already positiv. 

    How can I change the font color in the header menu?

    And I have to move the menu more left. How does it work?

    The search and the basket icons are moved not right (view file).


    Best Regards,

    Alex

  •  1,558
    Laborator replied
    August 8, 2016 at 10:59am

    Hi Alex,

    Use this CSS for it:

    /* Main Menu Color */
header.site-header ul.nav li a, 
header.site-header div.nav>ul li a {
  color: green!important;
}

/* Sub Menu Color */
header.site-header div.nav>ul li ul li a, 
header.site-header ul.nav li ul li a {
  color: red !important;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  1
    Alex replied
    August 8, 2016 at 11:51am

    Thank you very much. It works. 

    And I have to move the menu more left. How does it work?

    The search and the basket icons are moved not right.

    BEst Regards,

    Alex

  •  1,558
    Laborator replied
    August 8, 2016 at 11:56am

    Hi Alex,

    Use this CSS for it:

    header.site-header .header-menu .main-menu {
    padding-left: 20px;
}

header.site-header ul.nav li a, header.site-header div.nav>ul li a {
    padding-right: 0px;
}

    But it won't fix your issue unless you make the size of the font smaller as it is too big for the row to handle.


    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  1
    Alex replied
    August 8, 2016 at 12:31pm

    Hi Art,

    I see, thank you. Is it possible to move the Icons (basket & search) manuel?

    Best Regards,

    Alex

  •  1,558
    Laborator replied
    August 8, 2016 at 12:47pm

    Use this CSS then:

    header.site-header .header-menu .header-links .header-widgets {
    display: none;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  1
    Alex replied
    August 10, 2016 at 9:56am

    Thank you Art. But I just want to switch the items a little more to the right. Do you have a code for me for that topic?

  •  1,558
    Laborator replied
    August 11, 2016 at 11:28am

    Hi Alex,

    You can see it in the previous replies that you will have to make the font smaller to do that, or you can completely hide these icons there is no other fix for that as you have enlarged the font size.

    I will mark this ticket as closed so if you have more questions please open a new one.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  2
    Tobi replied
    October 15, 2016 at 1:37pm

    Hi Art,


    I'd just posted a ticket quite similar to the solutions discussed in this ticket.

    I'll want my homepage to look quite like the displayed here.


    Please guide


    My current header is just too big, and the product image.



    Thanks always

  •  1,558
    Laborator replied
    October 18, 2016 at 11:58am

    Hi Tobi,

    I will close this ticket then

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group