Mobile version

[Glynnes Pruett]

Hi Bill!

I was wondering if there was a way to adjust the mobile version of my site. I want to eliminate my small menu boxes completely on my mobile version. Just have the menu bar, shop pix and then go directly to find us and hours. is this possible?

Thanks!

[Bill Robbins]

Hello Glynnes,

Great question. I believe we can do that. Here’s how:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   @media only screen and (max-width: 767px) {
   
   	#features {
   		display: none;
   	}
   	
   	#home-middle .widget {
   		display: none;
   	}
   	
   	#home-middle .organizedthemes_contact {
   		display: block;
   		margin-top: 30px;
   	}
   
   }
   

3. Update your settings.

Let me know if that doesn’t do the trick.

Have a great day,
Bill

[Glynnes Pruett]

Thanks Bill! Hmm.. what if i just wanted to get rid of the featured row widgets? The events, the instagram and everything else can stay, just getting rid of that. Is that possible?

[Bill Robbins]

You can do that too. Use this snippet instead of the one above:

@media only screen and (max-width: 767px) {

	#features {
		display: none;
	}
	
	#home-middle .organizedthemes_contact {
		margin-top: 30px;
	}

}

See how that turns out.

[Glynnes Pruett]

thats great bill! Thank you! Is there also a way to make it full screen? Eliminating the background would maximize the space, is that possible or would that require you to re-make the entire theme? I don’t want to do that, haha. Thank you, for all that you do Bill.

[Bill Robbins]

Also a good question. That would probably take recreating most of the theme though. Sorry about that 🙁

[Glynnes Pruett]

Totally fine! Thank you for your help!

[Bill Robbins]

Anytime 🙂

[Author]

Posts