Header background slightly off center by 5 pixels

Discussion in 'SwiftRay WordPress Theme' started by greatscottfilm, Aug 17, 2015.

  1. greatscottfilm

    greatscottfilm Guest

    Joined:
    May 30, 2014
    Messages:
    109
    Likes Received:
    1
    Hi guys,

    The header is askew (off by 5 pix) when you got to the mobile version. I added a pdf screenshot for more details. It would great if we could write a little code to line that up properly in the mobile version. The header lines up fine in every other version, desktop, tablet, ipad, but the mobile is slightly off.
     

    Attached Files:

  2. nitin

    nitin Guest

    Hi,

    Greetings from InkThemes,

    It would be our pleasure to serve you.

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .header_wrapper {
        margin-left: 0 !important;
    padding-left: 0 !important;
    }
    
    Hope it will resolve your issue. If it doesn't, please provide me the URL of your website so that we can assist you better.

    Thanks & Regards!
    Nitin
    InkThemes.com
     
  3. greatscottfilm

    greatscottfilm Guest

    Joined:
    May 30, 2014
    Messages:
    109
    Likes Received:
    1
    when we ask for margin-left, it sets up all versions of the header to the left, except when we go to mobile then it is centered. I tried margin-center, all versions were centered except mobile which had the same problem of being askew (off) 5px. It seems that, we need code specifically written, to center the mobile version, I tried writing it, didn't happen :)
    [​IMG]
    [​IMG]
     
  4. greatscottfilm

    greatscottfilm Guest

    Joined:
    May 30, 2014
    Messages:
    109
    Likes Received:
    1
  5. nitin

    nitin Guest

    Hi,

    Greetings from InkThemes,

    I got your concern. That's not a major thing to be worried about.:)

    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    @media only screen and (max-width: 480px){
     .container_24 .grid_24 {
        width: 93% !important;
    }
    }
    
    Hope it will resolve your issue

    Thanks & Regards!
    Nitin
    InkThemes.com
     
  6. greatscottfilm

    greatscottfilm Guest

    Joined:
    May 30, 2014
    Messages:
    109
    Likes Received:
    1
    Wow! perfect Nitin, it worked perfect - Thank you for that!

    And I agree, this is not a major thing to be worried about :) Perfect support again
     
  7. greatscottfilm

    greatscottfilm Guest

    Joined:
    May 30, 2014
    Messages:
    109
    Likes Received:
    1
    Nitin, I have another question, can we add a second logo in the header, by writing a line of code, similar to what I have at this location http://greatscottfilm.com/castlewp/

    what you are seeing is one single image with 2 logos in it, this will not work for mobile, it will have to divided into two logos, so they can stack on top of each other.

    Please let me know what your thoughts are about possibly doing that, here is an example of me doing it by writing my code in Dreamweaver http://foldingshutters.com
     
  8. nitin

    nitin Guest

    Greetings from InkThemes,
    As per your requirement, I would like to inform you that - This will require some source code customization in the theme which is time-consuming and would be done specially for you by our team.
    As InkThemes has been receiving a high volume of support requests.
    Therefore, there will be some charges for the customization based on your requirements..
    - Analysis:
    To divide the header logo section, in two parts so that they can stack on top of each other in mobile view.
    - What we are going to do?
    We will do changes in 'header.php' to partition and the grid, then styling of the two logos using CSS, which will get your issue fixed. Not only this, we are also going to provide you an option in the 'Theme Options' panel which will allow you to add/customize two logos in your header.

    - Milestones/Deadline:
    We will customize your theme in the way you want within 2 working days.
    - Customization Charge and Payment mode:
    As per InkThemes WordPress themes and plugin customization policy, we charge $15 per hour, Keeping in view your requirement it will take an hour.
    Kindly, transfer the payment of $15 directly to our PayPal account.
    Here is the PayPal id - [email protected]
    Once you make the payment do share your transaction details..
    We will start customization and will try our best to deliver the customized work in above- mentioned timeline..
    We will require following information from your end, kindly send the following details to [email protected]
    WordPress site URL:
    WordPress username:
    WordPress password:
    FTP details:
    FTP host URL:
    FTP username:
    FTP password:
    Waiting for your confirmation..
    Customer satisfaction is our first priority..
    Thanks & Regards!
    Nitin
    InkThemes.com
     
  9. greatscottfilm

    greatscottfilm Guest

    Joined:
    May 30, 2014
    Messages:
    109
    Likes Received:
    1
    Im going to have you do this, sending you an em,ail now with instructions
     
  10. greatscottfilm

    greatscottfilm Guest

    Joined:
    May 30, 2014
    Messages:
    109
    Likes Received:
    1
    I just emailed you, let me know if you need anything else
     
  11. nitin

    nitin Guest

    Hello Scott,

    We have successfully received your query and is being forwarded to our developers.

    As InkThemes has been receiving high volume of support requests our developers are busy at this moment, I will try to pull them on your issue and will get back to you with your work done within the specified time.

    Hope you understand..

    Your patience will be highly appreciated,

    Warm Regards!
    Nitin
    InkThemes.com
     
  12. nitin

    nitin Guest

    Hi Scott,

    Thank you for sending the credentials.

    I have made changes in your website as per your requirement.:)

    Kindly check and reply.

    Regards!
    Nitin
    InkThemes.com
     

Share This Page