Center logo on mobile device

Discussion in 'RoadFighter WordPress Theme' started by mawebdesign, Sep 19, 2014.

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

    mawebdesign Member

    Joined:
    Apr 20, 2014
    Messages:
    71
    Likes Received:
    1
    Hi my logo is the correct width 200px but it goes slightly to the right on a mobile device, is there any custom css to center the logo on mobile device ??

    Thanks
    Mark
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Please provide us your website url as well as the screenshot where you facing the problem.

    Thanks & Regards
    Yogesh Bhade
     
  3. mawebdesign

    mawebdesign Member

    Joined:
    Apr 20, 2014
    Messages:
    71
    Likes Received:
    1
    Hi Yogesh
    Issue 1
    Center logo on mobile device - Screen shot attached
    My url - http://donnington-bonfire.co.uk/

    Issue 2
    I also have a problem with the navigation bar over lapping the slide image text on Samsung tablet - screen shot attached

    Issue 3
    Disable the footer on mobile device or shorten the height ?? (i will not be using the footer) - screen shot attached

    Thanks for your support
    Mark
     

    Attached Files:

  4. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    1. To make logo center in mobile device use following css code in Custom CSS.
    Code:
    @media only screen (max-width: 480px){
    .header .logo {
    margin: -12px 0 21px -15px;
    }
    }
    2. To solve second problem use following css code in Custom CSS.
    Code:
    @media only screen (min-width: 961px) and (max-width: 1180px){
    .flex-caption{
    width:481px;
    }
    }
    3. You didn't put any content in second last footer so remove that area is the best solution, for it use following css code in Custom CSS.
    Code:
    .footer_container {
    display: none;
    }
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  5. mawebdesign

    mawebdesign Member

    Joined:
    Apr 20, 2014
    Messages:
    71
    Likes Received:
    1
    Hi
    I inserted the code for all the issues the only one that worked was issue 3

    Still issue 1 and 2 didn't work

    If it helps issue 1 - is on a Samsung note mobile phone

    Issue 2 - is on a Samsung tab 3 tablet 7in

    Please advise
    Mark
     
  6. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
  7. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Your issue have been fixed. Please visit your website.

    Thanks & Regards
    Yogesh Bhade
     
  8. mawebdesign

    mawebdesign Member

    Joined:
    Apr 20, 2014
    Messages:
    71
    Likes Received:
    1
    Thanks for your help and support!
     
Thread Status:
Not open for further replies.

Share This Page