Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 5, 2019 at 5:01 pm #1124795
    Sophie

    Hello,

    in my posts I use ALB with 3/4 and 1/4 column. In 1/4 column Screen Options I can hide the column on mobile, but how can I hide on tablet portrait (iPad)?

    Thank you for your kind help in advance.

    Best regards,
    Sophie

    August 6, 2019 at 8:46 am #1125003
    Rikard

    Hey Sophie,

    You can add a custom class to it, for instance hide-for-tablet, then add this to Quick CSS:

    @media only screen and (max-width: 1024px) {
.hide-for-tablet {
  display:none !important;
}
}

    Best regards,
    Rikard

    August 6, 2019 at 1:24 pm #1125102
    Sophie

    Hi Rikard,

    thank you for the code, but it does not hide the 1/4 column on tablet portrait view. The 3/4 column should show fullwidth instead (sorry I forgot to inform).

    Best regards,
    Sophie

    August 7, 2019 at 5:44 am #1125379
    Rikard

    Hi,

    Ok, so which class did you add? I can’t find the example class I gave you on the page.

    Best regards,
    Rikard

    August 7, 2019 at 10:36 am #1125441
    Sophie

    Hi Rikard,

    I thought the code you gave me was the one that should work. That’s why I asked for help. Okay, anyway, tried myself. Used the following:

    
@media only screen and (max-width: 1024px) {
div .av_one_fourth {
  display:none !important;
}
}

    This is hiding the 1/4 column on tablet portrait view, but it is not showing up the 3/4 column fullwidth instead to adapt to full screen.

    Best regards,
    Sophie

    August 8, 2019 at 4:11 am #1125759
    Rikard

    Hi Sophie,

    You can try this to make the 3/4 go fullwidth for tablets as well:

    @media only screen and (max-width: 1024px) {
div .av_three_fourth {
    margin-left: 0;
    width: 100%;
}
}

    Please note that this and the snippet you posted will affect your site globally. You are hiding all 1/4 elements on and below tablet sizes with the code you posted.

    Best regards,
    Rikard

    August 12, 2019 at 2:10 pm #1126796
    Sophie

    Hi Rikard,

    thank you! Awesome, this is working fine for me :-) . You can close this topic now.

    Best regards,
    Sophie

    August 12, 2019 at 6:10 pm #1126878
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hide 1/4 column on tablet portrait’ is closed to new replies.