Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 5, 2014 at 11:16 am #300114
    Sladestyle

    Hi,
    The custom css you gave works great. But….for some unknown reason it disappears again in mobile – both tablet and phone.

    It works fine if I manually decrease the browser width on the desktop so it isn’t a “width” issue. Only when viewed on either iPad or iPhone does the Color Section AND all of its content fall behind the full screen slider.

    Ideas?
    As usual – Thank you
    Slade

    August 6, 2014 at 5:19 pm #300771
    Devin

    Hi Slade!

    Can you give a bit of context to what you mean? What css and what page is the issue happening on?

    Cheers!
    Devin

    August 7, 2014 at 2:50 am #300918
    Sladestyle

    Oh…so sorry Devin. Was getting helped earlier and the topic was closed. Thought I could just pick it back up. My bad.

    Josue helped me with an issue I was having on this page: http://sladestyle.com/ WP-Testing/home (needed a way to put transparency in a Color Section without effecting its content. We also had the issue of the Color Section being hidden by this Slider Background I’m using. His suggestion was (after applying a Class to the Color Section):

    #transparentbar {
    z-index: 100;
    position: relative;
    }
    then this:
    background: rgba(0, 0, 0, 0.5);
    to make it semi transparent but not its content. Worked GREAT!

    Ok…however, the Color Section AND its content all get hidden when in mobile view. Looks great on a desktop with the browser window sized down but when viewing on a phone (or tablet I believe) it disappears.

    I hope this makes sense.

    Thanks!
    Slade

    August 11, 2014 at 4:46 pm #302710
    Dude

    Hey!

    Can you please post the login credentials – I just see a coming soon page. I tagged this thread for Josue .

    Cheers!
    Peter

    August 11, 2014 at 7:38 pm #302809
    Sladestyle

    HI Peter – sorry, had an extra space in the url.

    Hi Josue – can you read the issue above?

    here is the correct url: http:/sladestyle.com/WP-Testing/home

    I will give login credentials in private.

    Thanks!
    Slade

    August 11, 2014 at 7:39 pm #302810
    Sladestyle
    This reply has been marked as private.
    August 13, 2014 at 10:27 am #303697
    Josue

    Hi!

    Try changing:

    #transparentbar {
   background: rgba(0, 0, 0, 0.5);
   z-index: 100;
   position: relative;
}

    To:

    #transparentbar {
   background: rgba(0, 0, 0, 0.5);
   z-index: 100 !important;
   position: relative;
}

    Regards,
    Josue

    August 13, 2014 at 10:35 am #303699
    Sladestyle

    You guys are GOOD!!

    Woked perfect! I just need to do some repositioning on my end but it looks like it will all work fine.

    Thank you again!!
    Slade

    August 13, 2014 at 10:40 am #303703
    Josue

    You are welcome Slade, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Color Section not showing up – continued’ is closed to new replies.