- This topic has 9 replies, 2 voices, and was last updated 6 years, 3 months ago by Andrew Misplon.
- AuthorPosts
- August 27, 2018 at 7:03 pm #10378
swanyParticipantI 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
SwanyAugust 27, 2018 at 7:09 pm #10379
Andrew MisplonKeymasterHi 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?
August 27, 2018 at 7:41 pm #10381
swanyParticipantAndrew 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.August 27, 2018 at 7:45 pm #10383
Andrew MisplonKeymasterThanks, 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; } }
August 27, 2018 at 7:47 pm #10384
Andrew MisplonKeymasterWith 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.
August 27, 2018 at 7:59 pm #10385
Andrew MisplonKeymasterLet me know how it goes 🙂
August 27, 2018 at 8:09 pm #10386
swanyParticipantThanks 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?
August 27, 2018 at 8:16 pm #10387
Andrew MisplonKeymasterSure, you could try reduce the top bar padding with something like:
@media (max-width: 480px) { .resp.boxed #top-bar .container { padding: 0 5px; } }
August 28, 2018 at 2:39 pm #10393
swanyParticipantAndrew 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.
SwanyAugust 28, 2018 at 4:11 pm #10394
Andrew MisplonKeymasterAwesome! That’s great news. Thanks for the update 🙂
- AuthorPosts
You must be logged in to reply to this topic.