[Resolved] Header Social Icons Position

Home Forums Support [Resolved] Header Social Icons Position

Home Forums Support Header Social Icons Position

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

    What’s the best way to re position the social icons so on desktop they start at the contained width / fixed width (1400px). On the Header I had to change it from contained to full width so the transparent background on the home page didn’t have a gap.
    We are already using this code.

    /*Widget header */
    .header-widget {
    float: left;
    max-width: 50%;
    }


    @media
    (min-width: 769px) {
    .header-widget {
    position: absolute;
    left: 0;
    }
    }

    Also I’d like to centre them on mobile version.

    Thanks
    Scott

    GeneratePress 2.1.2
    GP Premium 1.6.2
    #595656
    Leo
    Staff
    Customer Support

    Hi there,

    Header widget is currently using absolute positioning so the only way to reposition is to increase the left: 0; property. Try something like 100px and fine tune the number.

    Then try this to center on mobile:

    @media (min-width:769px) {
        .header-widget {
            float: none;
            max-width: 100%;
        }
    }
    #615915
    mackiecompany

    Thanks Leo

    #616293
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.