Hide secondary widget-area (mobile)

• 

  rpntutoring · Member · Nov 22, 2017 at 4:24 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I have been trying to remove the secondary widget-area for mobile devices on my website without any luck. I’ve located the following code that I think is causing the problem:

  <div id="secondary" class ="widget-area" role="complementary"> == $0
    <aside id="calendar-4" class="widget widget_calendar">...</aside>
    <aside id="search-3" class="widget widget_search">...</aside>
    <aside id="text-6" class="widget widget_text">...</aside>
    <aside id="text-7" class="widget widget_text">...</aside>
    </div>

  I’d like to remove this using CSS if possible, as I am not experienced in coding.

  Thank you.

  The blog I need help with is: (visible only to logged in users)

• 

  robertghetau · Staff · Nov 22, 2017 at 4:36 pm

  • Copy link

  Hey,

  From the name servers, I noticed that your website is not hosted on WordPress.com:

  ns.inmotionhosting.com
  ns2.inmotionhosting.com

  This area is dedicated to WordPress.com users only, therefore I encourage you to reach for the forums on WordPress.org. Here are more details about the differences between .com and .org: https://en.support.wordpress.com/com-vs-org/

  However, as I’m always eager to help with these sort of things, this CSS code should do the job well:

  @media screen (max-width: 900px){
  #secondary {
    display: none;
   }
  }

  Hope it helps.

  Cheers,
  Robert

• 

  thesacredpath · Member · Nov 22, 2017 at 10:17 pm

  • Copy link

  Hi @rpntutoring, there is a dedicated Suffice theme support forum at WordPress.org where you can ask questions about the theme you are using.

  I did take a quick look at your site and it appears that you have gotten this taken care of as I’m not seeing a secondary widget area on your site now.