Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 9, 2017 at 12:32 pm #861868
    Jannis95

    Hey,

    i opend a topic and got a solution. Its working on normal pages but on a woocommerce single product page the lines disappear on move down to the related products.

    Here is the old Topic that you will understand what i mean. Login Informations are included.

    https://kriesi.at/support/topic/menu-lines-same-width-as-container/#post-861499

    Greetings Jannis

    October 10, 2017 at 4:34 pm #862517
    Yigit

    Hey Jannis95,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .woocommerce .template-page.content {
    border-top: none!important;
}
.woocommerce #main > .container_wrap > .container {
    border-top: 3px double #000000;
    padding-top: 20px;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    October 10, 2017 at 4:47 pm #862533
    Jannis95

    The Line below the Header is a Little bit more down than on normal pages.
    Look at a normal page and then on a single product page.
    And then under the related products there is another Grey small double line that shoul’t be there :/
    Take a look here:

    October 10, 2017 at 5:00 pm #862542
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .single-product .template-shop {
    padding-top: 0;
}

    Best regards,
    Yigit

    October 10, 2017 at 6:22 pm #862607
    Jannis95

    The Double Line is on single product pages longer than on the normal pages.
    The other Grey Double Line is still there.

    • This reply was modified 7 years, 2 months ago by Jannis95.
    October 10, 2017 at 6:28 pm #862613
    Yigit

    Hey!

    Please change following code

    .woocommerce #main > .container_wrap > .container {
    border-top: 3px double #000000;
    padding-top: 20px;
}

    to following one 

    .woocommerce #main > .container_wrap_first > .container {
    border-top: 3px double #000000;
    padding-top: 20px;
}

    Cheers!
    Yigit

    October 10, 2017 at 6:50 pm #862628
    Jannis95

    Now the double line bevor the footer is gone. But on the single product page its still Grey and top top double lines below the Header is still longer than on normal pages.

    October 13, 2017 at 2:56 am #863715
    Ismael

    Hi,

    The site is on maintenance mode. Please post the login details so that we can check the page. A screenshot will help.

    Best regards,
    Ismael

    October 14, 2017 at 11:17 am #864251
    Jannis95

    I got it fixed myself. Is it possible to make the space between the Header and the Content smaller? All the codes i found in the forum aren’t working.

    October 15, 2017 at 5:31 am #864411
    Ismael

    Hi,

    Glad that you figured it out. Please use this css code to decrease the space between the header and the main container.

    #main > div main {
    padding-top: 20px;
}

    Best regards,
    Ismael

    October 15, 2017 at 9:33 pm #864552
    Jannis95

    Thanks a lot! It works!
    One last question. Can you look at the mobile version of the Website?
    The Menu is on the logo and not on the right. How do i fix this?

    October 17, 2017 at 5:13 am #865093
    Ismael

    Hi,

    I can’t reproduce the “logo” issue but the secondary menu is misaligned. Please look for the following css code.

    #header_meta .container {
    right: 153px !important;
}

    Replace it with.

    @media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  #header_meta .container {
      right: 153px !important;
  }
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.