responsive theme: how to control what is shown?

Community Forums Forums General Discussion responsive theme: how to control what is shown?

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Peter 1 year, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #19548

    joseph
    Participant

    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?

    Thanks, Joseph

    #19718

    Peter
    Participant
    Post count: 76

    Hi Joseph.

    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;

    [css]media only screen and (max-width: 767px)[/css]

    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!

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.