Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 2, 2018 at 11:20 am #980047
    laptophobo

    Ishmael recently provided me with a way to override a responsive setting (https://kriesi.at/support/topic/2-columns-grid-row-for-mobile-devices/#post-979367). The @media call out was:
    .responsive #top #wrap_all .av-flex-cells .no_margin

    This looks great, but it is affecting all pages, and I only want it to affect one particular section item on a particular page (that is wrapped in a tag labeled: #offsite-sec).

    I’m fighting the #top element within this call out: I’ve tried the following, but no luck:

    #offsite-sec .responsive #top #wrap_all .av-flex-cells .no_margin
    #offsite-sec .responsive #wrap_all .av-flex-cells .no_margin
    .responsive #offsite-sec #wrap_all .av-flex-cells .no_margin

    July 3, 2018 at 4:07 am #980369
    Mike

    Hey laptophobo,
    If the section has the ID #offsite-sec with the cells inside,
    then it’s probably going to be:
    .responsive #top #wrap_all #offsite-sec .av-flex-cells .no_margin
    if this doesn’t help then please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    July 3, 2018 at 4:46 am #980381
    laptophobo

    Hi Mike,

    That combination didn’t work for me. What I did find to work is: #offsite-sec .flex_cell.no_margin.

    However, I don’t know if that code will hold in all instances.

    Please see Private for the URL. The items in question are the 4-across turquoise colored boxes at the bottom.

    Thank you.

    July 3, 2018 at 1:03 pm #980536
    Mike

    Hi,
    Yes that is correct “#offsite-sec” is the container for “.flex_cell.no_margin” that is why there is a space between them, and why “#offsite-sec” has to be there and not at the top.
    Think of stairs & each step is a div or element
    Hope that makes since.

    Best regards,
    Mike

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