Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #683893

    I’m having trouble with my footer not showing correctly in mobile view. I’ve set it up so the bar includes a site link and phone number on one side of a 2 widget footer, with links to social media links on the other side (see below).

    View post on imgur.com

    On the mobile, the link and phone number are missing on the bar and then the footer wraps to a second line with the social media links but not bar.

    View post on imgur.com

    I need the mobile footer bar to show the site link and phone number and have the bar extend across the social media links. The fact that the footer wraps is good, allowing it to be larger than it would be if it were on one line.

    Can you please help me get this fixed. Thanks.

    #685150

    Hey advteksol,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 480px) {
    .footer_color {
        background-size: cover;
    }
    #footer #text-11 {
        top: -50px;
    }}
    

    Best regards,
    Yigit

    #685189

    Got the icons in the bar, but the site link and phone number is still missing.

    View post on imgur.com

    Thanks.

    #685195

    Hey!

    It does show up fine on my end however you can try adding following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    #footer #text-10 {
        top: 30px;
    }}

    Best regards,
    Yigit

    #685206

    That works great! Thank you.

    #685212

    Hi!

    You are welcome! Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘mobile footer’ is closed to new replies.