Home Forums Weaver Xtreme Theme iphone 5 header display corrupted

This topic contains 3 replies, has 2 voices, and was last updated by  scrambler 23 hours, 15 minutes ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #62124

    docrocks
    Participant

    The image of one of my testers iPhone 5 screen (https://storm-surge.org/iphone-display/) shows how the site’s header display on the iPhone 5 movesĀ the social media icons and overwrites the logo image. Is there a way to add spacing (padding/margin) to ensure this doesn’t happen?

    #62125

    scrambler
    Moderator

    Where do you want the social icons to move when the overlay happens, above or below?

     

    #62140

    docrocks
    Participant

    I’d like them to move above the header as a horizontal group but I can’t find an option to make this happen. The same thing happens when I narrow down the browser window on my desktop browsers and on the page that opens on my iphone7.

    #62143

    scrambler
    Moderator

    Add the rule below to your theme Global Custom CSS Rule box

    .is-mobile #header-widget-area {position:relative;top:10px;}

    If you only need the change for phone (not tablets, use .is-phone instead of .is-mobile

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

You must be logged in to reply to this topic.