[Resolved] Mobile Site Compatability

This topic contains 9 replies, has 2 voices, and was last updated by  Andrew Misplon 2 months, 3 weeks ago.

  • Author
    Posts
  • #10378

    swany
    Participant

    I can’t seem to get my mobile site and tablet views to set up correctly. The images for the homepage slider aren’t fitting the screen, some pages where I have lists run off the page, page titles aren’t being responsive and the top bar is too big.
    If anyone has some ideas I’d appreciate it.
    http://www.inflatable-marine.com
    Thanks
    Swany

    #10379

    Andrew Misplon
    Keymaster

    Hi Swany

    Which pages are showing issues with lists and the top bar, can you send me links to those?

    On the home page, it’s just the Zodiac Open 5.5 slide that seems to be an issue for me. I’m struggling to select the text on that slide, is it embedded in the image? Can you perhaps look at that slide vs the others? The method used to create the other slides is good, can you copy it for the Zodiac Open slide?

    #10381

    swany
    Participant

    Andrew the pages where the lists are out of whack would be
    inflatable-marine.com/rescue-boats
    inflatable-marine.com/services
    inflatable-marine.com/boat-cleaning
    The first slide the text is embedded and I can re-do it so it’s like the others. Do you see a problem with the 2nd slide? The text on the image is the same format as the remaining 4 but it’s really large. Also, I thought the slider would show a scaled down version of the entire image and not be cut off on all 4 sides.

    #10383

    Andrew Misplon
    Keymaster

    Thanks, in Custom CSS you have:

    #wrapper {
        width: 500px;
        margin-left: 100px;
    }

    You can consider making that something like:

    @media (min-width: 769px) {
    	#wrapper {
    		margin-left: 100px;
    		width: 500px;
    	}	
    }
    #10384

    Andrew Misplon
    Keymaster

    With regards to the slider problems. I don’t know that there is any theme impact on the slider in this case. I can only suggest diving into the Smart Slider settings. Your third slide is set up nicely, the text scales. Can you look at what was done there and then apply it to the second slide where the text isn’t scaling.

    #10385

    Andrew Misplon
    Keymaster

    Let me know how it goes 🙂

    #10386

    swany
    Participant

    Thanks Andrew I’ll let you know. Just one other thing the top of the site where the phone number & email are. Do they need to be on top of each other or can they be displayed next to one another?

    #10387

    Andrew Misplon
    Keymaster

    Sure, you could try reduce the top bar padding with something like:

    @media (max-width: 480px) {
    	.resp.boxed #top-bar .container {
    		padding: 0 5px;
    	}
    }
    #10393

    swany
    Participant

    Andrew thanks for your help. Your CSS code worked & the mobile site’s looking much better and I found the correct settings to fix the Smart Slider.
    Again, thanks.
    Swany

    #10394

    Andrew Misplon
    Keymaster

    Awesome! That’s great news. Thanks for the update 🙂

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

You must be logged in to reply to this topic.

Scroll to top