Mobil compatibility of Outdoor theme

Home Forums WordPress Theme Outdoor – Creative Photography/Portfolio WP Theme Mobil compatibility of Outdoor theme

Tagged: ,

This topic contains 14 replies, has 2 voices, and was last updated by  CTHthemes 1 month, 1 week ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #25062

    HugoGranjon
    Participant

    Supported

    Hi,
    I want to adapt my website to mobile and tablet support. I’m wondering how to do that easily with the theme outdoor ? What are the different way to do that ?

    Thank you !

    Hugo

    #25089

    CTHthemes
    Keymaster

    Hi, the theme is fully responsive so it will fit on any devices. Thanks.

    #25126

    HugoGranjon
    Participant

    Supported

    Ok but this is my home page on a mobile…
    How can I modify the mobile page independently of the laptop version ? I add two screenshots the second one show the problems that I wanted to solve.

    Thank you very much

    Attachments:
    You must be logged in to view attached files.
    #25157

    CTHthemes
    Keymaster

    You have to use custom css style for mobile view then add it to Outdoor Options -> Custom Code tab -> CSS Code – Mobile View

    You can use this tutorial to get your code: http://prntscr.com/klexsr

    How to Use Firebug to Modify Your WordPress Site’s CSS (Video Tutorial)

    #25167

    HugoGranjon
    Participant

    Supported

    Thank you for your answer !

    I install firebug and it is useful. Therefore, i have some CSS code for mobile that i don’t succed to modify. I try but without any results…

    – the share collum that is disgracious (screenshot 1 bellow). How to change that ?

    – The author biography fonts is too big and on the avatar (screen 2). I don’t find any css code to change that.

    -A too long article title do not fit perfectly on the picture (screen 3)

    Please help me…

    Thank you very much !

    • This reply was modified 1 month, 3 weeks ago by  HugoGranjon.
    Attachments:
    You must be logged in to view attached files.
    #25184

    CTHthemes
    Keymaster

    Ok, send me the page links then I will help.

    #25185

    HugoGranjon
    Participant

    Supported
    #25192

    CTHthemes
    Keymaster
    
    .big-index .parallax-section .container {
       text-align: center;
       color: #fff;
    }
    .parallax-section h2 {
       line-height: 1.2;
    }
    .author-img img {
       max-width: 100%;
       height: auto;
    }
    
    #25198

    HugoGranjon
    Participant

    Supported

    I add those codes in my CSS mobile code (screenshot) and nothing happened … The mobile look is the same.

    Attachments:
    You must be logged in to view attached files.
    #25220

    CTHthemes
    Keymaster

    There is an error: http://prntscr.com/kluplb

    Please correct it.

    #25231

    HugoGranjon
    Participant

    Supported

    Works ! thank you very much !

    The only problem remaining is the share button who is on the logo

    Attachments:
    You must be logged in to view attached files.
    #25420

    HugoGranjon
    Participant

    Supported

    Is it possible to do something to improve that in the mobile view ?

    #25440

    CTHthemes
    Keymaster

    Use this style in CSS Code – Mobile View field:

    
    .logo-holder {
       width: 50%;
       left: 0;
       top: 4px;
    }
    .logo-holder a img {
       max-width: 100%;
       height: auto;
    }
    
    #25458

    HugoGranjon
    Participant

    Supported

    Thank you very much !

    #25489

    CTHthemes
    Keymaster

    You are welcome 🙂

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.

Hello! CityBook version 1.2.7 was released. Bulk Import Add-On, OpenStreetMapView Details
+