swap items round in top header

  • Resolved andy29023

    (@andy29023)


    8 years, 3 months ago

    Hi

    Im looking for someone to write some small code for my top header. Currently the email and phone number are on the left and the social icons on the right.

    I just need to swap them over so socials on the left and email/phone on the right. Cant see options within theme options. The theme is ‘composer.

    url is http://macfadyen.wpengine.com/?page_id=9812

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 3 months ago

    In the “Additional CSS” section of the dashboard add this:

    
.pageTop .header-elem {
    float: left;
}

.pageTop .header-elem:first-child {
    margin-left: 2em;
    float: right;
}

    https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress

    Thread Starter andy29023

    (@andy29023)

    8 years, 3 months ago

    Hi Andrew

    Thanks for that, it doesnt seem to have worked :/ I have cleared my cache, dont know if its changed at your end?

    I do already have some custom css in, presumably that doesnt matter?

    Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 3 months ago

    I misunderstood what you wanted. Try this instead:

    
.pageTop .pull-left {
    float: right !important;
}

.pageTop .pull-right {
    float: left !important;
}
    Thread Starter andy29023

    (@andy29023)

    8 years, 3 months ago

    Perfect thanks Andrew! Much appreciated …

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

The topic ‘swap items round in top header’ is closed to new replies.