Header Scaling issues on Mobile Devices

  • Unknown's avatar
    alwaseetad · Member ·

    Hello Everyone,

    Ill skip the boring part and just go at it.

    ive created a web site for my friend’s business and there is something wrong with the header, when you open it using a mobile device the header wont scale down for some reason .

    Can somebody help me with that please ?

    FYI i’m not that great when it comes to coding and web sites building and thats why i chose wordpress .. it looked simple enough for me to build a simple website .

    Thank you, waiting your reply’s

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    The header on Snaps was designed to work best with photographic images that the software can size and crop as needed for the header area, and to keep it fully covered with the image, where some cropping and resizing doesn’t adversely affect things. With graphic type images, we can make some adjustments, but if you narrow down your browser window and watch the header image, you will see that the text in the image starts to disappear off the right side at about 1070px in width. This typically means that we will have to write a multiple Media Queries to adjust the header area in order to keep the image fully visible, and it will not be perfect at all window/screen widths.

    I’ll work on this and see what I can do and post something a little later for you to try.

  • The topic ‘Header Scaling issues on Mobile Devices’ is closed to new replies.