Page view when making the window size smaller & mobile view

Discussion in 'Cloriato WordPress Theme' started by pangeaseed, Dec 25, 2012.

  1. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    Hi -

    I would like to keep the page layout the same when I make my browser window smaller.
    How can I do that? (see image for the current situation. - now the menu collapses, content gets stacked but the logo doesn't adapt)

    Also, I would like to have the exact same layout when accessing the page on a mobile device.

    Thanks so much!
     

    Attached Files:

  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .logo img {
    width: 100%;
    }
     
  3. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    Greetings -

    I would like to disable the mobile view of my our site (pangeaseed.org)
    Alternatively, how can I control the mobile view layout?

    Currently, the mobile view on e.g. smartphones isn't looking good at all.

    Thanks for your support.
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Support mail sent.
     
  5. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    Thank you very much for sending me the non-responsive cloriato theme.
    I believe this one will not have a mobile view?

    How should I go about installing it?
    I have modified quite a bit of the css.

    Thanks!
     
  6. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    Greetings -

    I posted the above message on March 2 and haven't heard back yet.
    Just wanted to see if you could help me with this...

    Thanks!
     
  7. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160

    Hello,

    If you have added css in
    Appearance > Theme Option > Styling Option > Custom CSS
    then your changes will remain intact.
    You will lost changes done in style.css and .php files.
     
  8. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    is there any other major difference between the responsive and non-responsive theme besides the page layout remaining the same?
    Anything I need to be aware of before updating it?
     
  9. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    In non responsive pc, iPad and mobile view are same.
    But in responsive theme, these three views are different. Your site will adjust itself according to screen resolution.

    I will suggest you to use responsive theme. That you are currently using
    It provide viewers a different view. Which is in demand nowadays.
    You will also get time to time updates of responsive theme. Which is not possible with non responsive.
     
  10. pangeaseed

    pangeaseed Member

    Joined:
    Oct 1, 2012
    Messages:
    30
    Likes Received:
    0
    I see. thanks for the clarifications.

    if you visit pangeaseed.org from a mobiel device (e.g. smartphone), you will notice that the appearance isn't good.
    do you have any suggestions to fix these issues
    - entire site is shifted to the right side with a large margin to the left and right side
    - the background is off
    - footer portion doesn't look very nice as there is additional text underneath the three sections (PangeaSeed is a registered... / Copyright...)

    thanks!
     

Share This Page