Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 5, 2015 at 1:17 pm #513733
    Momentummediaab

    Hello,

    I can’t get the Custom Css to work. I have put this line bellow in the functions.php:

    add_theme_support(‘avia_template_builder_custom_css’);

    And put this line in the general styling tab:

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

    And this css class (.only-desktop) on the Masonry Gallery on the front page.

    But I cant get the gallery to hide on the mobile.

    What am I doing wrong?

    October 5, 2015 at 1:19 pm #513736
    Yigit

    Hi!

    Please add the class as “only-desktop” instead of “.only-desktop”

    Best regards,
    Yigit

    October 5, 2015 at 1:34 pm #513752
    Momentummediaab

    Thanks for the quick response.

    I have tried that too but without success… It still doesn’t work.

    Do you have another suggestion to what i am doing wrong?

    October 5, 2015 at 1:48 pm #513761
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Cheers!
    Yigit

    October 5, 2015 at 2:07 pm #513783
    Momentummediaab

    Absolutely!

    October 5, 2015 at 2:27 pm #513805
    Yigit

    Hey!

    You had following in Quick CSS field

    <link href='https://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css'>

    I removed it, please review your website now.
    If you would like to add additional Google fonts, please see – http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/

    Best regards,
    Yigit

    October 5, 2015 at 2:55 pm #513839
    Momentummediaab

    Ok, can I only have one field in the Quick CSS?

    But unfortunately I still see the gallery in mobile view. Can you still see it?

    October 6, 2015 at 6:09 am #514138
    Rikard

    Hi,

    Ok, can I only have one field in the Quick CSS?

    Not sure what you mean by that, you can have as much CSS as you like in Quick CSS. The code Yigit asked you to remove is HTML code and will break the Quick CSS if used there.

    Could you try to flush your browser cache and reload a few times to see the correct version on mobile please?

    Best regards,
    Rikard

    October 6, 2015 at 8:58 am #514201
    Momentummediaab

    Hi,

    Oh, sorry. Wrote the question to fast :) Thanks.

    The gallery is still there unfortunately. Do you guys have another idea about what I am doing wrong?

    October 6, 2015 at 6:05 pm #514651
    Andy

    Hey!

    not sure about which gallery you are talking about. Can you highlight using screenshots please? use imgur.com or dropbox.

    Cheers!
    Andy

    October 7, 2015 at 2:29 pm #515245
    Momentummediaab

    Hello,

    This gallery: http://imgur.com/gSku7mb

    Thanks!

    October 8, 2015 at 5:53 am #515560
    Rikard

    Hi,

    Please try the following in Quick CSS:

    @media only screen and (max-width: 767px) {
.page-id-43 #av-masonry-1 {
display:none !important;
}
}

    Best regards,
    Rikard

    October 8, 2015 at 9:29 am #515643
    Momentummediaab

    Worked perfectly!

    Many thanks for great support and for the best theme! :)

    Best regards ,

    Joel

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Custom Css to hide element’ is closed to new replies.