Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 10, 2018 at 8:53 pm #1043327
    Birdster

    I have created a separate page to act as a footer widget, which is simply a right aligned ‘icon box’ within a full width column. It works as expected for all screen sizes except for tablet, where at around 950px the icon jumps above the text. I cannot understand why it does this, as there is plenty of room to the left.

    Any help or advice on how best to solve this issue would be much appreciated, the link and login deets have been sent privately – and the icon box in question is the ‘back to top’ text and arrow icon at the bottom right of each page.

    December 16, 2018 at 2:38 am #1045776
    Mike

    Hey Birdster,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top .backtotop.iconbox_right_content .iconbox_content {
display: inline-block !important;
}
#top .backtotop.iconbox_right_content .iconbox_icon {
    float: right !important; 
}

    Best regards,
    Mike

    December 17, 2018 at 1:39 am #1046105
    Birdster

    Thanks Mike, worked a treat.

    December 17, 2018 at 6:13 am #1046166
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    December 17, 2018 at 2:46 pm #1046313
    Birdster

    Never really understood why the issue did occur on tablet size screens, but the code works – so please close the topic.

    December 18, 2018 at 12:22 am #1046652
    Nikko

    Hi Birdster,

    Glad to hear that it’s resolved.
    Thanks for using Enfold and have a great day :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘custom footer page causing an odd icon jump at certain screen widths.’ is closed to new replies.