Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #318001

    HI
    a couple of questions:
    I am trying to decrease the padding in my tabs on the mobile with this code:

    @media only screen and (max-width: 767px) {
    .js_active .tab_content { padding: 5px; margin: 0px;!important }
    }
    but it doesn’t seem to work. Can you help me out here?

    Also I need to decrease the padding around the google map widgets on the sidebar on this page:
    http://theunsteadyproblem.com/encke-duers
    I am using this:

    .widget {
    padding: 10px 0 10px 0;!important
    }
    but again, doesn’t work. ideas?

    thanks
    Nancy

    • This topic was modified 10 years, 2 months ago by Munford.
    #318202

    Hey Munford!

    Please try using following code

    .widget {
    padding: 0px 0 10px 0;
    }
    @media only screen and (max-width: 767px) {
    .responsive .tabcontainer .tab_content {
    padding: 10px; }}

    Best regards,
    Yigit

    #318210

    Thanks – The widget code worked but not the tab padding. ?

    #318215

    Hey!

    That is because you have added the code as following

    @media only screen and (max-width: 767px) {
    .responsive .tabcontainer .tab_content {
    padding: 5;
    }}

    and forgot to add px

    @media only screen and (max-width: 767px) {
    .responsive .tabcontainer .tab_content {
    padding: 5px;
    }}

    Cheers!
    Yigit

    #318242

    Replaced the code but can’t see a change. cleared cache. tried again.
    ?

    • This reply was modified 10 years, 2 months ago by Munford.
    #318244

    • This reply was modified 10 years, 2 months ago by Munford.
    #318249
    #318274

    Hi!

    Please flush browser cache and refresh your page a few times Nancy, i can see that code is being applied on my end.

    Cheers!
    Yigit

    #340571

    thanks

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘tab padding mobile view, padding widget’ is closed to new replies.