• Resolved michellefox2

    (@michellefox2)


    I have started putting together my blog using this theme. When I try to view on the ipad or iphone – the site looks completely disfigured. Can you help?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author alex27

    (@alex27)

    Hello!

    Please elaborate on “disfigured”. Or better yet post a link to your website so that I can take a look. Does it look different than the demo?

    Thread Starter michellefox2

    (@michellefox2)

    Thank you for the quick response! By disfigured I meant that when I view the website on iphone or ipad – the format is completely off – such as the header being misaligned, sidebar missing all together, etc. Otherwise – the website is functioning perfectly on the laptop or desktop version – so it is only the “mobile” version I am concerned about. my site is https://www.alexandavery.com

    Thanks!

    Theme Author alex27

    (@alex27)

    Actually, aside from bug with header image, this is the intended behavior on mobile devices. This way website adapts to screen size, so it’s easy to browse without zooming in and out. The sidebar is also there, it’s just pushed below the main content. If you open demo site on your phone, you’ll see it’s the same.
    The header resizing issue will be address in the next update, but you can fix it yourself with this piece of code:

    .site-branding {
        max-width   100%;
    }

    You add this via CSS Manager plugin or child theme (if using).

    Thread Starter michellefox2

    (@michellefox2)

    I used the CSS Manager plugin and it didn’t change anything…

    I also tried to cut and replace the code directly from this:

    .site-branding {
    text-align: center;
    margin-bottom: 2em;
    }

    to this:

    .site-branding {
    max-width 100%;
    }

    I hit update and visited site on iphone – no change. When that didn’t work – I tried just replacing the original completely with the code you gave to me. Still no change on the iphone or ipad.

    I am new at this – but am I doing something wrong?

    Thanks again…

    Thread Starter michellefox2

    (@michellefox2)

    I tried this code and it worked!!!

    img {
    max-width: 100% !important;
    height: auto;
    }

    _______________

    One more question on this theme….how do you get the slideshow on the homepage? Which plugin should I use?

    Theme Author alex27

    (@alex27)

    There’s no plugin, this is the default way of handling image galleries by this theme. Simply insert image gallery into your post and will be turned into slideshow. Just remember that you get best results, when all images are the same size.

    Thread Starter michellefox2

    (@michellefox2)

    so there is no way to do “featured posts” slideshow then on the main page?

    Thread Starter michellefox2

    (@michellefox2)

    meaning – i want it to stay static and just rotate through the newest 5 posts…

    Theme Author alex27

    (@alex27)

    No, the theme doesn’t offer latest posts slider that you can display on home page. There should be plugin for that out there though. My Google search turned up Recent Posts Slider plugin. If you search some more I’m sure you’ll find some additional plugins.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘having trouble "going mobile" with Sugar and Spice theme’ is closed to new replies.