Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #867605

    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.

    #867660

    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

    #867691

    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.

    #868367

    Hi,

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

    Thank you very much

    Best regards,
    Basilis

    #868902

    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.

    #869668

    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

    #871851

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

    #871854

    Hi,

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

    Best regards,
    Yigit

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