Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 12, 2022 at 5:40 pm #1361555
    profumopuntoit

    Hello,
    I would like to have a smaller sidebar width, but only in certain areas of the site. For example in the product tag pages, but not in the blog posts
    I tried with
    @media only screen and (min-width: 1140px) {
    aside.sidebar.sidebar_right.smartphones_sidebar_active.alpha.units {
    width: 13% !important;
    }
    .container .av-content-small.units {
    width: 86%;
    }
    }
    but it is reducing the width in all sidebars

    Thank you
    Mauro

    August 14, 2022 at 4:35 pm #1361643
    Nikko

    Hi profumopuntoit,

    Try using this CSS code:

    @media only screen and (min-width: 1140px) {
  #top.archive.tax-product_tag #main .sidebar_right {
    width: 13%;
  }

  #top.archive.tax-product_tag #main .content {
    width: 86%;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    August 15, 2022 at 12:13 pm #1361692
    profumopuntoit

    Thank you Nikko,

    it is working adding
    display: table-row;

    #top.archive.tax-product_tag #main .sidebar_right {
    width: 13%;
    display: table-row;
    }

    Thank you
    Mauro

    August 17, 2022 at 4:43 am #1361891
    Nikko

    Hi Mauro,

    Can you try to remove display: table-row; and replace #top.archive.tax-product_tag #main .sidebar_right with #top.archive.tax-product_tag #main .sidebar.sidebar_right and see if it helps. (there are 2 areas that uses the class sidebar_right)

    Best regards,
    Nikko

    August 17, 2022 at 10:48 am #1361908
    profumopuntoit

    Thank you Nikko,

    it is working

    August 17, 2022 at 12:06 pm #1361919
    Rikard

    Hi,

    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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