Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 24, 2015 at 8:20 pm #401677
    roamster

    my website works fine on the desktop or full screen devices.

    However, the margin/gutter is too wide on the mobile devices. As a result the flight booking form on the homepage and on the flight page is not fully shown as the right-side of the form is partialy hidden/cut off.

    I have placed the links in the Private content privacy box. Please have a look at my website via a mobile device. You will notice that the flight form is not fully shown as the right side is cut off due to the extra wide margin/gutter.

    How can I reduce the margin or gutter (or whatever is necessary) to make it smaller, especially for the mobile devices?

    February 25, 2015 at 6:49 pm #402282
    Elliott

    Hi roamster!

    Try adding this to your custom CSS.

    @media only screen and (max-width: 479px) {
.responsive #top #wrap_all .container { max-width: 100% !important; width: 100% !important; }
.iconbox_top .iconbox_content { padding: 30px 0px !important; }
}

    Best regards,
    Elliott

    March 1, 2015 at 2:36 am #403985
    roamster

    Thank you Elliot!
    It worked perfectly!

    March 1, 2015 at 5:10 am #404011
    Rikard

    Hey!

    Glad we could help :)

    Regards,
    Rikard

    January 13, 2020 at 7:27 pm #1172904
    galpinr

    Using this fix! Thanks.

    January 14, 2020 at 2:14 am #1173026
    Jordan Shannon

    Hi,

    Glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to Reduce Margin/Gutter Width’ is closed to new replies.