Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • March 24, 2015 at 5:16 pm #417190
    Global_UK

    Hi,

    I’ve trying to hide the image background on certain pages on mobile and tablet devices, following instructions here but it’s hiding all the content. I’ve noticed that custom css on the colour section seems to apply to all of it, so if you add a selector to the section background tab, it applies it to section layout too and so hiding the content. Any ideas?

    • This topic was modified 9 years, 8 months ago by Global_UK.
    March 24, 2015 at 5:24 pm #417199
    Yigit

    Hey Global_UK!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    @media only screen and (max-width: 768px) {
.page-id-805 div#full_slider_1 {
  display: none;
}}

    Cheers!
    Yigit

    March 24, 2015 at 7:02 pm #417308
    Global_UK

    Hi,

    I’m not sure if this is quite right – we’ve got the coloured bubble backgrounds on lots of different pages so we need something that can be switched off globally, rather than at individual page level.

    March 24, 2015 at 7:25 pm #417320
    Yigit

    Hi!

    Please give your color section elements a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    and change the code to following one 

    @media only screen and (max-width: 768px) {
#your-custom-id {
  display: none;
}}

    Best regards,
    Yigit

    March 25, 2015 at 11:21 am #417673
    Global_UK

    Ok…looks like the problem is that I don’t have the section ID field for the color section. It’s on section layout but not where I need it. What do I need to add that to that section so it’s there?

    March 25, 2015 at 4:09 pm #417836
    Yigit

    Hey!

    “For Developers: Section ID” field should be at the bottom of Color Section options – http://i.imgur.com/4SFRF7O.png
    If you cannot find it, please create a temporary admin login and post it here privately so we can look into it

    Best regards,
    Yigit

    March 27, 2015 at 1:50 pm #419250
    Global_UK
    This reply has been marked as private.
    March 27, 2015 at 4:22 pm #419377
    Yigit

    Hey!

    I just logged in to your website and i can see the field – http://i.imgur.com/XvCoNsS.png?1 :)

    Regards,
    Yigit

    March 27, 2015 at 7:12 pm #419563
    Global_UK

    Yeah, but then it hides everything within that colour section – I want to be able to just hide the image background with the rest of the content visible.

    March 30, 2015 at 5:31 am #420183
    Ismael

    Hi!

    Replace the code with this:

    @media only screen and (max-width: 768px) {
#bubbles {
  background: none !important;
}}

    Regards,
    Ismael

    March 30, 2015 at 10:31 am #420311
    Global_UK

    Hi, that doesn’t work either – the bubble background still shows?

    March 30, 2015 at 1:32 pm #420381
    Yigit

    Hey!

    Please flush browser cache and refresh your page a few times. I can see that Ismael’s code is being applied and bubble background is not showing up

    Best regards,
    Yigit

    March 31, 2015 at 10:24 am #421020
    Global_UK

    Hi, can you post a screenshot of what you see as I’ve done that and still seeing the bubble background.

    March 31, 2015 at 3:27 pm #421200
    Yigit

    Hey!

    Please firstly remove following code from Quick CSS 

    @media only screen and (max-width: 768px) { 
#bubbles {
  display: none;
}}

    Here are screenshots – http://imgur.com/a/m8hOY

    Cheers!
    Yigit

    March 31, 2015 at 3:53 pm #421237
    Global_UK

    Hi, that link isn’t working for me – can you post it again?

    March 31, 2015 at 3:55 pm #421243
    Yigit

    Hi!

    Link is the same – http://imgur.com/a/m8hOY
    Is imgur.com blocked on your network?

    Cheers!
    Yigit

    March 31, 2015 at 4:07 pm #421261
    Global_UK

    That’s strange, works now – maybe it was just being slow. Ok that code has been removed from quick css.

    March 31, 2015 at 4:10 pm #421266
    Yigit

    Hi!

    Great! Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

    March 31, 2015 at 4:15 pm #421277
    Global_UK

    No – I’ve removed that code but the bubble background is still showing.

    March 31, 2015 at 4:20 pm #421287
    Yigit

    Hey!

    Do you mean full slider at the top of the page? If so, you should use following code

    @media only screen and (max-width: 768px) {
.page-id-805 #full_slider_1 {
  display: none;
}}

    Cheers!
    Yigit

    March 31, 2015 at 4:21 pm #421290
    Global_UK

    No, the coloured bubbles on the background – everything so far that I’ve tried has not worked.

    April 1, 2015 at 5:35 pm #422043
    Yigit

    Hi!

    Please flush cache on your devices and check your website now. This is how it looks on my end – http://imgur.com/a/GFx49
    I changed “display:none;” to “background:none;” in the code here – https://kriesi.at/support/topic/hiding-image-background/#post-421200

    Best regards,
    Yigit

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