Dejavu - Sidebars on responsive

resolved (8 posts) (2 voices)

  1. CFarone
    Member

    Hey, Elliott...

    For reference the site I am working on is http://www.thetravelingsoulpress.com.

    I have 2 items I need assistance with in regards to the "Responsive" views.

    1. I want to not have my sidebars appear on responsive views. After reading other support posts, I have used this code on my theme's Responsive/Mobile custom CSS area:

    [code].mysite_responsive #sidebar {
    display: none !important;
    }[/code]

    On the ipad, the text no longer appears in the sidebar, however the empty sidebar is still there. I would like to remove the sidebar completely.

    2. Is there a way to target either the iphone or ipad for certain things? After reading other support messages I have created a smaller logo to use on the iphone and have put in the correct php code and CSS. The smaller logo does appear on the iphone correctly. However, I would like the regular site logo to appear on the ipad. Right now the smaller, mobile logo is on the ipad.

    Thanks so much for your help.
    CFarone

    Posted 3 years ago #
  2. Elliott
    Support

    Hello CFarone,

    1. The CSS should be working fine. If you want to remove the sidebar from your source code then that would have to be considered custom work as it would take a lot of time and code.

    2. You can target the iPhone and iPad with CSS,

    .ipad .logo {  }
    .iphone .logo {  }
    Posted 3 years ago #
  3. CFarone
    Member

    Hey, Elliott...

    Unfortunately, the CSS is not working. The sidebar TEXT is gone, however the sidebar itself is still there. I need the sidebar removed completely from the mobile views.

    This is the code I am using in the Responsive/Mobile Custom CSS:
    [code]
    .mysite_responsive #sidebar {
    display: none !important;
    }
    [/code]

    I have attached a pdf screen shot of my iPad for reference.

    Appreciate your help...as always.
    CFarone

    Attachments

    1. dejavu_mobile_sidebar.jpg (111.8 KB, 0 downloads) 3 years old
    Posted 3 years ago #
  4. CFarone
    Member

    Thank you for the code to target ipad or iphone. :)

    Posted 3 years ago #
  5. Elliott
    Support

    Add this,

    .ipad #main { width: 100% !important; }

    Posted 3 years ago #
  6. CFarone
    Member

    Hey, Elliott...

    I added the above code to the Responsive/Mobile custom CSS and the side bars are still there.

    Here is the link to the web site if that will help. You will need to look at it on an ipad to see the issue:

    http://www.thetravelingsoulpress.com/about

    Cammy

    Posted 3 years ago #
  7. Elliott
    Support

    To remove the sidebars it would look like this,

    .ipad #sidebar { display: none !important; }

    Posted 3 years ago #
  8. CFarone
    Member

    Thank you...that fixed it!

    Appreciate ALL that you share, Elliott...and MySite MyWay team!
    CFarone

    Posted 3 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme