Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #230380

    Hello,

    On a mobile phone, the Top Banner Message area is overlapping the logo area on an iPhone portrait and landscape.

    Also, the image is not scaling to fit the size of the device on an iPhone and the font size is too large.

    ===

    How do you fix those issues, please?

    Thank you,
    Doug

    #230397

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #230596

    #230742

    Hey!

    Your last message was empty.

    Best regards,
    Josue

    #231319

    How’s this, Josue? Are you getting the link now?

    Doug

    • This reply was modified 7 months, 3 weeks ago by  guitahplayah. Reason: http://www.midlandsupply.com/wpnew/
    #231329

    Hey!

    Try adding this code to the Quick CSS:

    
    @media only screen and (max-width : 479px) {
        .infotext{
            font-size: 11px;
            line-height: 12px;
        }
    }
    
    @media only screen and (max-width : 767px) {
        .infotext{
            font-size: 13px;
            line-height: 16px;
        }
    }

    Cheers!
    Josue

    #231578

    Hi, Josue

    That works for the landscape view; though, on the iPhone portrait there is no white space between the Top Banner Message and the logo. Is there an easy adjustment for that?

    Thank you,
    Doug

    #231591

    Hi Doug!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    #header { margin-top: 10px; }}

    Cheers!
    Yigit

    #231593

    Thanks, Yigit

    (On mobile devices)

    The second issue is that the product image is not scaling to fit the screen and the font size is too large in both portrait and landscape mode. Can you address that, too, please?

    http://www.midlandsupply.com/wpnew/products/k2900-general-mechanics-tool-kit/

    Thank you,
    Doug

    #231823

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) { 
    .container .nine.units {
    width: auto;
    }}

    Cheers!
    Yigit

    #231952

    Thanks, Yigit

    There is a small dot appearing to the left of the bullet points (in the sidebar) on all the Tool Kits; is there any way to suppress those dots?

    http://www.midlandsupply.com/wpnew/products/k2900-general-mechanics-tool-kit/

    I fixed it:
    #top .widget_nav_menu li::before {content:none;}

    What was the thought process behind having dots appear to the left of bullets — just out of curiosity?

    Thank you,
    Doug

    #231962

    Hi!

    They have been designed to look like this page in my opinion http://www.kriesi.at/themes/propulsion/template-files/ with no bullets

    Best regards,
    Yigit

    #232248

    Thanks, Yigit.

    They are almost invisible; but, I didn’t design the layout; oh, well!

    Thanks,
    Doug

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Top Banner Message on iPhone’ is closed to new replies.