W TRAKCIE Coś namieszałem - menu

Discussion in 'Zmiana wyglądu sklepu i edycja zaawansowana' started by dzejkob89, Oct 19, 2016.

  1. dzejkob89

    dzejkob89 Nowy użytkownik

    Messages:
    2
    Likes Received:
    0
    Hej, udało mi sie zrobić górną belkę menu taką jaką chciałem, ale niestety submenu jest OKROPNE. Co zrobić, żeby miało taki sam wygląd jak to górne? Screen w załączniku + mój kod .css

    Code:
    /**/
.menu ul {
margin: 0;
}
.menu .innermenu ul li.parent{
padding: 0 10px;
}
.menu .innermenu li.parent .submenu li {
float: left;
border-bottom: 0;
padding: 0;
}
.menu .innermenu li.parent .submenu li.parent{
padding: 0 10px 0 0;
background: #fff;
}
.menu .innermenu li.parent .submenu > ul.level1 {
margin-top: 0;
background: #fff;
width: auto;
min-height: 240px;
padding: 10px;
}
.menu .innermenu li.parent .submenu li h3 a {
color: #333;
}
.menu .innermenu li.parent .submenu > ul.level1 > li > h3 > a{
font-size: 1.2em;
color: red;
}
.menu .innermenu li.parent .submenu > ul {
border: 0;
padding: 0;
background: #fff;
box-shadow: none;
}
.menu .innermenu li.parent .submenu ul li .submenu.level2,
.menu .innermenu li.parent .submenu ul li .submenu.level3{
display: inline-block;
left: 0;
position: relative;
top: 0;
z-index: 400;
}
/*menu rozwijane koniec*/
li.parent .submenu > ul.level1 > li > h3 > a {
    font-size: 1.2em;
  color: #ffffff;}
.menu {
    background: url(../images/user/bg-footer.jpg) repeat center center;
    padding-top: 0;.menu {
    height: 50px;
}
.menu .innermenu .parent:hover > div > ul {
    background-color: #000;
    border: 1px solid #fff;
    display: inline-block;
    position: absolute;
    top: 44px;
    width: 20%;
    z-index: 1;
}
.menu .innermenu .parent:hover > div > ul::before {
    background-color: #fff;
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    content: "";
    height: 10px;
    left: 18%;
    position: absolute;
    top: -6px;
    transform: rotate(45deg);
    width: 10px;
}
.menu-list li h3 a {
    font-size: 13px;
    text-transform: uppercase;
    color: #ffffff;
    background: #000;
    font-weight: 300;
    border-right: 1px solid #424242;
    height: 10px;
}
.menu .innermenu .menu-list li h3 a {
    display: inline-block;
    padding: 0.2em 1em;
    position: relative;
}
.menu .innermenu .menu-list {
  border-bottom: 0px solid #d8d8d8;
    height: 44px;
    overflow: hidden;
}
/*menu test*/

.menu .innermenu .menu-list li h3 a {
    padding: 0.3em 1.3em;
    display: inline-block;
    position: relative;
}
.menu .innermenu {
    height: 50px;
}
.menu .innermenu {
    height: 58px;
    line-height: 58px;
    position: relative;.menu .innermenu .menu-list li h3 a {
    display: inline-block;
    padding: 0.2em 1em;
    position: relative;
}
.menu .innermenu .menu-list {
  border-bottom: 0px solid #d8d8d8;
    height: 44px;
    overflow: hidden;
}
/*menu test*/

.menu .innermenu .menu-list li h3 a {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
  background:#ffffff;
    font-weight: 300;
    height: 20px;
}
.menu .innermenu .menu-list li h3 a {
    padding: 0.3em 1.3em;
    display: inline-block;
    position: relative;
}
.menu .innermenu {
    height: 50px;
}
.menu .innermenu {
    height: 58px;
    line-height: 58px;
    position: relative;
    z-index: 10;
  background: #000;
}

.relative {
    position: relative;
}
article, aside, details, footer, header, hgroup, nav, section {
    display: block;
}

user agent stylesheet
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}

.menu .innermenu {
    height: 50px;
}
.menu .innermenu {
    height: 58px;
    line-height: 58px;
    position: relative;
    z-index: 10;
}

.relative {
    position: relative;
}
article, aside, details, footer, header, hgroup, nav, section {
    display: block;
}

user agent stylesheet
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
    z-index: 10;
  background: #ffffff;
}

.relative {
    position: relative;
}
article, aside, details, footer, header, hgroup, nav, section {
    display: block;
}

user agent stylesheet
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}

.menu .innermenu {
    height: 50px;
}
.menu .innermenu {
    height: 58px;
    line-height: 58px;
    position: relative;
    z-index: 10;
}

.relative {
    position: relative;
}
article, aside, details, footer, header, hgroup, nav, section {
    display: block;
}

user agent stylesheet
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
    height: 50px;
}
.menu .innermenu .parent:hover > div > ul {
    background-color: #ffffff;
    border: 1px solid #fff;
    display: inline-block;
    position: absolute;
    top: 44px;
    width: 20%;
    z-index: 1;
}
.menu .innermenu .parent:hover > div > ul::before {
    background-color: #ffffff;
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    content: "";
    height: 10px;
    left: 18%;
    position: absolute;
    top: -6px;
    transform: rotate(45deg);
    width: 10px;
}
.menu-list li h3 a {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background: #000;
    font-weight: 300;
    border-right: 1px solid #424242;
    height: 20px;
}
.menu .innermenu .menu-list li h3 a {
    display: inline-block;
    padding: 0.2em 1em;
    position: relative;
}
.menu .innermenu .menu-list {
  border-bottom: 0px solid #d8d8d8;
    height: 44px;
    overflow: hidden;
}
/*menu test*/

.menu .innermenu .menu-list li h3 a {
    padding: 0.3em 1.3em;
    display: inline-block;
    position: relative;
}
.menu .innermenu {
    height: 50px;
}
.menu .innermenu {
    height: 58px;
    line-height: 58px;
    position: relative;.menu .innermenu .menu-list li h3 a {
    display: inline-block;
    padding: 0.2em 1em;
    position: relative;
}
.menu .innermenu .menu-list {
  border-bottom: 0px solid #d8d8d8;
    height: 44px;
    overflow: hidden;
}
/*menu test*/

.menu .innermenu .menu-list li h3 a {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
  background:#ffffff;
    font-weight: 300;
    height: 20px;
}
.menu .innermenu .menu-list li h3 a {
    padding: 0.3em 1.3em;
    display: inline-block;
    position: relative;
}
.menu .innermenu {
    height: 50px;
}
.menu .innermenu {
    height: 58px;
    line-height: 58px;
    position: relative;
    z-index: 10;
  background: #000;
}

.relative {
    position: relative;
}
article, aside, details, footer, header, hgroup, nav, section {
    display: block;
}

user agent stylesheet
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}

.menu .innermenu {
    height: 50px;
}
.menu .innermenu {
    height: 58px;
    line-height: 58px;
    position: relative;
    z-index: 10;
}

.relative {
    position: relative;
}
article, aside, details, footer, header, hgroup, nav, section {
    display: block;
}

user agent stylesheet
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
    z-index: 10;
  background: #000;
}

.relative {
    position: relative;
}
article, aside, details, footer, header, hgroup, nav, section {
    display: block;
}

user agent stylesheet
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}

.menu .innermenu {
    height: 50px;
}
.menu .innermenu {
    height: 58px;
    line-height: 58px;
    position: relative;
    z-index: 10;
}
     

    Attached Files:

    dzejkob89, Oct 19, 2016
    #1
  2. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    @dzejkob89 czy możesz podać adres strony, abyśmy mogli zobaczyć to "na żywo" ?
     
    Mariusz, Oct 19, 2016
    #2
  3. dzejkob89

    dzejkob89 Nowy użytkownik

    Messages:
    2
    Likes Received:
    0
    Shopmac.pl
     
    dzejkob89, Oct 20, 2016
    #3
  4. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    Sprawdziłem sklep i wydaję mi się, że menu wygląda poprawnie. Czy zmiany/kod zacytowany powyżej został już wprowadzony do sklepu? Czy może po prostu zmiany zostały cofnięte, aby nie zostawiać takiego nieodpowiedniego wyglądu jak na zrzucie ekranu?
     

    Attached Files:

    Mariusz, Oct 20, 2016
    #4

Share This Page