Css problem on mega menu full width - by tsirik

This topic has 10 replies, 2 voices, and was last updated 10 years, 11 months ago ago by Eva Kemp

  • Avatar: tsirik
    tsirik
    Participant
    January 10, 2015 at 14:14

    Hello

    I create a category “watches” and i use full-width-menu.
    The subcategories is image categories, but something happents and the first row has 5 image and is not the same as the other rows.

    I don’t know how to fix the CSS problem

    Please help me.

    Chech my site and the category watches at http://www.wooeshop.gr/demo6/

    Best Regards

    9 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    January 10, 2015 at 15:02

    Hello,

    Could you please provide us with wp-admin panel credentials in Private Content to check the issue?
    Should 4 images be displayed per row?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: tsirik
    tsirik
    Participant
    January 10, 2015 at 17:45

    Yes of course

    Five images or four at center.Jusy i want to be all the rows the same.

    Best regards

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Participant
    January 10, 2015 at 17:55

    Hello,

    Please add this code in custom.css file:

    .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li {
        width: 20%;
        margin-left: 0px;
    }

    How to create custom.css you can watch in this tutorial.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: tsirik
    tsirik
    Participant
    January 11, 2015 at 09:08

    Hello Eva

    It works perfect.Thank you very much for your fast responce.

    Best Regards
    Dimitrios

    Avatar: tsirik
    tsirik
    Participant
    January 11, 2015 at 09:15

    Hello again

    The modification doesn’t work if you scroll down the page and then hover the mouse to this category menu.Again the images is not align well

    Best Regards
    Dimitrios

    Avatar: Eva
    Eva Kemp
    Participant
    January 12, 2015 at 09:55

    Hello,

    Please try to use this code for fixed header:

    .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li {
        width: 20% !important;
        margin-left: 0px !important;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: tsirik
    tsirik
    Participant
    January 12, 2015 at 10:18

    Hello

    All the codes that you give must be shown on the custom css file like this ?

    .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li {
    width: 20%;
    margin-left: 0px;
    }
    .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li {
    width: 20% !important;
    margin-left: 0px !important;
    }

    Best Regards

    Avatar: tsirik
    tsirik
    Participant
    January 12, 2015 at 14:15

    Hello

    Iam not familiar with Css coding and it’s difficult for me to write properly those codes.
    I apriciate if you can right in custom css file and finally works for both menus.

    You have the administration credentials

    Best Regards

    Avatar: Eva
    Eva Kemp
    Participant
    January 12, 2015 at 17:55

    Hello,

    I’ve edited the code in custom.css file.
    Please check the menu now.

    Thank you.
    Regards,
    Eva Kemp.

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

The issue related to '‘Css problem on mega menu full width’' has been successfully resolved, and the topic is now closed for further responses

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