mobile responsiveness issues

Discussion in 'Dzonia WordPress Theme' started by pipsqueakcreative, May 21, 2013.

  1. pipsqueakcreative

    pipsqueakcreative New Member

    Joined:
    May 16, 2013
    Messages:
    4
    Likes Received:
    0
    Hi,

    I am having some issues with the mobile version.

    1. My logo doesn't fit the mobile screen as it's bigger than the optimal settings listed in the theme customisation settings. Can this be resolved or do I have to make the logo smaller?

    2. I don't want the homepage fullwidth column to appear in mobile version.

    3. If the above items are not possible, I would just want my site to remain as it is on a pc, not responsive.

    4. I am having trouble with Slide 1 Caption description - I don't want any text in there and if i leave blank i get the default template text. I have Caption Headings, I just don't want to add a description. Slide 2 and 3 etc allow me to leave the field blank.
     
  2. Nitesh

    Nitesh Support Staff

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

    1) For logo:
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .logo img {
    width: 100%;
    }
    2) For fullwidth column:

    Code:
    @media only screen and (max-width: 480px){
    .fullwidth-col{
    display:none;
    }}
    4) Just add blank <p></p> in the description field.
    check image for reference.

    [​IMG]
     
  3. pipsqueakcreative

    pipsqueakcreative New Member

    Joined:
    May 16, 2013
    Messages:
    4
    Likes Received:
    0
    Thank you. I have not been able to get the <p></p> code to work in the caption description. See image below. This is Slider 1.
    [​IMG]
     

    Attached Files:

  4. Nitesh

    Nitesh Support Staff

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

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    to remove heading and description.

    Code:
    #slides .caption h2{display:none;}
    #slides .caption p{display:none;}
    
    to remove it completely.
    Code:
    #slides .caption {display:none;}
     

Share This Page