Tagged: responsive executive iphone
I am building a website using the Executive responsive theme.
I am quite happy with the theme, but cannot figure out how to control what is shown when the site sizes down to the size of my phone. Currently, just the first widget is shown, and that’s not what I want.
How can I control the way the site responds to scaling down?
If you take a look in the syle.css file, right down at the bottom, you’ll see a section called Responsive Design. That’s the bit that controls what happens when your site displays on mobile devices ..etc.
You’ll see there are subs sections in the Responsive Design section, each with a condition at the start, something like this;
media only screen and (max-width: 767px)
By changing the CSS code within that sub section you can change what displays when a visitor views your site with a browser at that resolution.
Hope that helps!
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.