Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 23, 2017 at 1:43 pm #867605
    nuncer

    Hi, I just noticed that solution (related post 862998) to avoid double h1 in page category product like:
    .template-shop .page-title {
    display: block;
    position: absolute;
    top: 5px;
    left: 350px;
    }
    solved the problem but the title is not responsive.
    Can you help me please?
    In private example page
    Thanks and best regards.

    October 23, 2017 at 3:58 pm #867660
    Victoria

    Hey nuncer,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (min-width: 768px) {
    .template-shop h1.page-title {
      top: 20px;
      left: 27%;
      font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .template-shop h1.page-title {
    top: 20px;
    left: 33%;
    font-size: 22px;
  }
}

@media only screen and (max-width: 479px) {
  .responsive #top #wrap_all .container.av-logo-container {
    width: 95%;
    max-width: 95%;
  }
  #menu-item-shop .cart_dropdown_link {
      padding: 0 14px 0 24px;
  }
  .responsive .logo img {
      width: 80%;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 23, 2017 at 4:37 pm #867691
    nuncer

    Thanks very much, that title is responsive now, but I have to disabled now. Two questions:
    1) Do I have to replace old code?
    2) Adding a code entire site seems to have two laterals bar from left and right border.
    Thanks again.
    Best regards.

    October 24, 2017 at 8:29 pm #868367
    Basilis

    Hi,

    Yes please do replace the code, and let us know after!

    Thank you very much

    Best regards,
    Basilis

    October 25, 2017 at 7:21 pm #868902
    nuncer

    Hi, I created a Css folder in child theme and put it into file css.custom; I deleted existing code under Mobile and Tablet Portrait row and pasted your code in. It doesn’t work.
    In quick css it works fine, but there is again problem in responsive mode with four or more terms categories (you can see in private the link): title text overlapping paragraph text.
    I also increased font value from 22 to 26.
    Any advice?
    Thank you in advance.
    Best regards.

    October 27, 2017 at 4:57 pm #869668
    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:

    @media only screen and (max-width: 1060px) {
.template-shop .page-title {
    position: relative;
    left: 0!important;
}}

    Best regards,
    Yigit

    November 2, 2017 at 9:40 pm #871851
    nuncer

    Hi, it works great, like all your solutions!
    Thank you.
    Best Regards.

    November 2, 2017 at 9:55 pm #871854
    Yigit

    Hi,

    You are welcome, always happy to help :)
    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Duplicate H1 solved but not responsive’ is closed to new replies.