Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 21, 2014 at 6:18 pm #227598
    LB

    My mobile theme looks nothing like what the demo looks like. Is there something wrong with my theme and the way it was build? I want it to look somewhat the same.

    For example:
    My logo shows in the middle, and the logo on the demo shows on the left…
    My theme shows the navigation bar, while the demo shows just a button
    My Sliders are a bit smaller than the demo as well.

    I’m not sure where to edit these changes for the mobile version of my site. Please advise…

    Website: http://brooksgroup.org

    February 22, 2014 at 8:31 am #227843
    Devin

    Hey brooksgroup!

    The theme demo and the theme itself always puts the logo in the middle for mobile screen sizes. Since your logo is a bit tall you can also tweak the height of the container so there is no clipping by adding this to your Quick CSS in the theme options at the bottom of the Styling tab:

    
@media only screen and (max-width: 767px) {
  .responsive .logo {
  height: auto;
  }
}

    You can change what kind of mobile navigation will show from the theme options in the Header tab. Look for “Responsive Header Main Menu”.

    The slideshows adapt to the content inside of them. So they will vary depending on what content you have and what the settings are on each individual slideshow.

    Best regards,
    Devin

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.