Edit header layout

Discussion in 'Poloray WordPress Theme' started by normasita, Jan 29, 2015.

  1. normasita

    normasita New Member

    Joined:
    Nov 27, 2014
    Messages:
    25
    Likes Received:
    0
    Hye sir,

    May i know the purpose of PSD file you provide for the theme? I would like to edit a layout of header, make it the width longer. I try edit the PSD file, but i do not know where to replace the edited layout image. Attached is my edited layout. Is it possible to edit?

    Thanks in advance.
     

    Attached Files:

  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello normasita,

    Code:
    .slider_info {
    margin-left: -60%;
    width: 100%;
    }
    .flexslider {
    width: 208%;
    margin-left: -50%;
    }
    .flexslider .slides img {
    width: 100%;
    }
    Thanks,
    Praveen
     
  3. normasita

    normasita New Member

    Joined:
    Nov 27, 2014
    Messages:
    25
    Likes Received:
    0
    Hye Praveen,

    Thank you for your prompt reply, there are some questions i would like to ask u further:

    Code:
    .slider_info {
    margin-left: -60%;
    width: 100%;
    }
    .flexslider {
    width: 208%;
    margin-left: -110%;
    }
    .flexslider .slides img {
    width: 100%;
    }
    above codes change the slider image to center, but the image inside the slider are streatch, how can i know the actual size of the box for the slide image? where can i refer?

    and last question is when i view in mobile phone, the header is not allign, any setting should i do?

    here is my URL, feel free to visite

    Code:
     ciknursingxxxl.com [code]
     
    Your respond are highly appreciated.
     
    TQ
     
  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello normasita,

    1>To make slider in proper position, please use the code given below in custom css.
    Code:
    .flexslider {
    margin-left: -50%;
    }
    2>Use image of size 1000*300px for the slider.

    3>Please explain a little bit more about your issue related to header in mobile view.
    It will be better if you provide us some edited screenshot of the issue.

    Thanks,
    Praveen
     

Share This Page