iphone mobile view horizontal & Vertical

Discussion in 'RoadFighter WordPress Theme' started by rdeshazer, Sep 10, 2015.

Thread Status:
Not open for further replies.
  1. rdeshazer

    rdeshazer Member

    Joined:
    Dec 21, 2014
    Messages:
    302
    Likes Received:
    0
    Location:
    USA
    1. The page title needs to be above the black in on two of the link pages in the horizontal iphone view.
    hortviewphone.pdf

    2. Logo is not centered and lower Pages Navigation Menu to not block CAPITAL on logo.
    Iphone Horizontal View.pdf

    3. Vertical iphone view, logo is cut off at top and its not centered.
    Vertical iphone view.pdf

    http://hennessycapllc.com/Sandbox/
     

    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:
    @media only screen and (min-width:481px) and (max-width: 767px){
    .fullwidth-page-heading {
        height: 54px !important;
    }
    .header_wrapper .logo {
            float: none !important;
    }
    .menu-wrapper {
        margin-top: 4px !important;
    }
    }
    @media only screen and (min-width:320px) and (max-width: 767px){
    .page_info img {
        margin-top: -10px !important;
    }
    }
    
    Hope it will resolve your issue

    Thanks & Regards!
    Nitin
    InkThemes.com
     
  3. rdeshazer

    rdeshazer Member

    Joined:
    Dec 21, 2014
    Messages:
    302
    Likes Received:
    0
    Location:
    USA
    Hi,

    Everything is good, except the Logo still in not "Centered" in the horizontal view of the iphone.
    http://hennessycapllc.com/Sandbox/

    The logo should me moved more to the left to be centered. Please see attachment.
     

    Attached Files:

  4. nitin

    nitin Guest

    Hi,

    Greetings from InkThemes,

    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 (min-width: 481px) and (max-width: 568px){
    .header_wrapper .logo img {    
        margin-left: -66px !important;
    }
    }
    
    Hope it will resolve your issue :)
     
  5. rdeshazer

    rdeshazer Member

    Joined:
    Dec 21, 2014
    Messages:
    302
    Likes Received:
    0
    Location:
    USA
    Fixed.

    Thx
     
Thread Status:
Not open for further replies.

Share This Page