Boxed Layout scroll horizontal on mobile

Need help with a different issue? Search the forums or open a new ticket.

Open a support ticket

This topic has 5 replies, 2 voices, and was last updated 8 years, 3 months ago by B3Concepts.

Tagged: storeup mobile boxed layout

2018-06-18 at 7:13 pm
Support Expired

#23618
B3Concepts
Participant
Topics: 3
Replies: 6
Total posts: 9
Post count: 6
There is empty space on the right when viewing boxed layout on mobile. see screenshot…

screenshot

Reply
2018-06-18 at 7:14 pm
Support Expired

#23619
B3Concepts
Participant
Topics: 3
Replies: 6
Total posts: 9
Post count: 6
This reply has been marked as private.

Reply
2018-06-19 at 12:36 pm

#23628
Fem
Keymaster
Topics: 2
Replies: 5215
Total posts: 5217
Post count: 6003
I fixed the issue have a look. It was the issue with the Custom CSS you wrote in the theme options not with the theme. If you have any further queries feel free to contact us.

This reply was modified 8 years, 3 months ago by Fem.
Reply
2018-06-19 at 5:04 pm
Support Expired

#23635
B3Concepts
Participant
Topics: 3
Replies: 6
Total posts: 9
Post count: 6
awesome! thank you.

What was the edit you made to the custom css?

Reply
2018-06-19 at 5:34 pm

#23636
Fem
Keymaster
Topics: 2
Replies: 5215
Total posts: 5217
Post count: 6003
You are welcome. In custom CSS in this class .googleMapsOverlay you define specific width: 640px. I changed the width: auto;.

Reply
2018-06-19 at 8:05 pm
Support Expired

#23642
B3Concepts
Participant
Topics: 3
Replies: 6
Total posts: 9
Post count: 6
thanks!

the auto caused an issue with the overlay on top of the learn more button above on smaller widths… the fix ended up being…

.googleMapsOverlay{
background: transparent;
position: absolute;
width: 100%; /* your iframe width */
height: 100%; /* your iframe height */
}

seems ok now.

thanks again.

Reply

You must be logged in to reply to this topic.