Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 21, 2014 at 10:52 pm #213015
    wss310

    What is the process of creating / adding CSS for responsive versions of my site? Specifically, I am interested in making some changes in the smartphone/iphone size.

    I’ve added some CSS to the Custom CSS file where it says to input mobile styles but nothing happened. Is there something I’m not understanding? Any help would be appreciated. Thanks!

    January 21, 2014 at 10:58 pm #213018
    Devin

    Hey wss310!

    Can we take a look at your site? We’ll inspect your custom.css and make sure the css is added in correctly.

    Regards,
    Devin

    January 21, 2014 at 11:05 pm #213028
    wss310

    Sure, it is noblewhy.com.

    The CSS I’m trying to change on the mobile version is the rounded corners on the tab content sections. Here is the code I put under the Mobile styles in the custom.css:

    .js_active .active_tab_content {
    border-top-right-radius:2px;
    }}

    January 22, 2014 at 12:32 am #213067
    Ismael

    Hi!

    You can add it inside a media query for mobile screen size:

    @media only screen and (max-width: 767px) {
.js_active .active_tab_content {
border-top-right-radius: 2px;
}
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mobile formatting’ is closed to new replies.