Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 7, 2013 at 10:19 pm #197450
    Gstar72

    Hi Guys,

    Thankyou for all your prior help.

    Query- with my site http://www.naturaloutlok.com, when I switch to mobile view (resizing the window), there is no space bewteen the logo, the drop down navigation and the top slider – is there anyway to resolve this in mobile format? – it looks fine on desktop.

    Thanks

    gary

    December 8, 2013 at 1:16 am #197493
    Ismael

    Hey Gstar72!

    You can add this on your custom.css or Quick CSS:

    @media only screen and (max-width: 767px) {
#header_main {
padding-bottom: 20px;
}
}

    Best regards,
    Ismael

    December 8, 2013 at 1:44 am #197512
    Gstar72

    Hi Ismael

    Thankyou, worked great for the bottom, is it possible to add padding below the logo, so it doesn’t sit on the menu in mobile format?.

    http://www.naturaloutlook.com

    Gary

    December 8, 2013 at 4:02 am #197610
    Ismael

    Hey!

    Please use this instead of the code I provided above:

    @media only screen and (max-width: 767px) {
#header_main {
padding-bottom: 20px;
}

.responsive .main_menu {
position: static;
margin-top: 20px;
}
}

    Remove browser cache then reload the page.

    Cheers!
    Ismael

    December 8, 2013 at 5:10 am #197626
    Gstar72

    Perfect, thankyou sir, u r a genius!.

    Best wishes

    Gary

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Spacing Issue on Mobile View’ is closed to new replies.