Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1417211

    Hi,

    I would like to centre my footer properly in mobile view like this website:

    I’ve attempted some css but it’s not 100%.

    The phone number doesn’t have a white background so it looks oddd.

    Are you able to help?

    Thanks!

    Harvinder

    #1417256

    Hey ballindigital,
    Thank you for the link to your site, I looked at your footer, but the phone number is white like all of the other text, so this seems correct.
    Your other footer items seem centered but the first two widgets are in two columns, the credit card images and the contat form are full width, and would not fit as two columns, so I’m not sure what you would want to change in the footer, Please see the screenshot in the Private Content area and explain what you want to change, perhaps a mockup would help.

    Best regards,
    Mike

    #1417333

    rosevel.ie is the example of what I want my footer to look like.

    This one is perfect.

    I’m working on drivercitysolutions.com

    I want drivercitysolutions to look like rosevel..

    #1417471

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #footer .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 90%;
    	max-width: 90%;
    }
    
    .responsive #top #wrap_all #footer .flex_column.av_one_third:first-child {
        width: calc(50%);
        clear: none; 
    }
    .responsive #top #wrap_all #footer .flex_column.av_one_third:first-child .widgettitle {
    	width: 98%;
    }
    .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) .widgettitle {
    	width: 43%;
    }
    .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) #menu-item-1422 a {
    	padding-right: 0;
    }
    .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) {
        text-align: right;
        width: calc(50%);
    }
    
    .responsive #top #wrap_all #footer .flex_column.av_one_third:last-child {
        width: 100%;
        text-align: center;
    }
    
    }
    #top #footer.footer_color input[type='tel'] {
    	background-color: #fff;
    }

    Please see the screenshot in the Private Content area of the expected results.

    Best regards,
    Mike

    #1417478

    Hi,

    It’s almost there, the menu option hasn’t aligned on my browsers?

    And the background isn’t white for me? I’ve tried different private browsers.

    View post on imgur.com

    Also – why won’t the cookie policy wording update?

    Thanks,

    Harvinder

    #1417481

    Hi,
    I made some adjustment, please clear your browser cache and check.
    Please explain further about your “cookie policy wording” question.

    Best regards,
    Mike

    #1417484

    How do I update the text? I don’t want it to say what it’s saying right now.

    #1417496

    Hi,
    You can change it in the cookie bar settings Enfold Theme Options ▸ Cookie Consent Message Bar ▸ Message

    Best regards,
    Mike

    #1417538

    I’m not sure if I’m going crazy but I can’t seem to edit anything here?

    There’s no box..

    View post on imgur.com

    #1417550

    Hi,
    I see the box when I login, try using the login you posted here:
    Enfold_Support_3088.jpeg
    If you are try a different browser, I’m using Brave (Chrome) on Windows.

    Best regards,
    Mike

    #1417556

    I was using Brave on Windows too.

    It worked using Chrome.

    Thank you :)

    #1417625

    Hi,
    Glad to hear that you have this sorted out, shall we close this thread then?

    Best regards,
    Mike

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Centre Footer’ is closed to new replies.