- This topic has 9 replies, 2 voices, and was last updated 6 years, 2 months ago by
.
- Posts
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
SwanyHi 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?
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.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; } }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.
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?
Sure, you could try reduce the top bar padding with something like:
@media (max-width: 480px) { .resp.boxed #top-bar .container { padding: 0 5px; } }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
You must be logged in to reply to this topic.