Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1033343
    [email protected]
    Participant

    Hi,
    I need some help my footer went crazy on the home page and the store locator

    1) see http://poplabicepops.com/ the footer size is 50% of the home page

    2) see http://poplabicepops.com/store-locator/ the footer is on the middle of the page

    3) how can i reduce the wihte space in the bottom af all the pages

    Thank you so much u guys are the best

    Nick

    #1033423
    Friech
    Moderator

    Hi Nick,

    Thanks for writing in! #1 and #2 You can add this under Custom > CSS in the Customizer.

    
    .x-colophon-content .footer-distributed {
    	clear: both;
    }
    html .page-id-214 .site .x-main article.hentry .entry-content {
        height: 100%;
    }

    I’m not seeing any white space at the bottom of every page, please clarify and provide us some screen shot.

    Cheers!

    #1033912
    [email protected]
    Participant

    Hi,

    it worked but there is still a line in the middle of the screen.
    and nothing below the line can be clickable http://poplabicepops.com/ (see Attached screenshot #1)

    Also the footer is still in the middle of the page in the store locator page
    (see screenshot #2)

    #1034196
    Jade
    Moderator

    Hi there,

    Please try to add this code:

    html .home .site .x-main article.hentry .entry-content,
    html .page-id-214 .site .x-main article.hentry .entry-content {
        height: 100% !important;
    }

    Hope this helps.

    #1034381
    [email protected]
    Participant

    Thank you so much Jade, it worked.

    one more question,

    I have another problem in the home page, the images of the boxes are cut in half in a tablet mode resolution (landscape & they all disappeared when turn tablet to portrait. and no images on phone resolution.

    Please see attached screen shot. Hope you can help me

    Thank You

    Nick

    #1034819
    Friech
    Moderator

    Hi Nick,

    You can add this under Custom > CSS in the Customizer.

    @media screen and (max-width: 768px) {
    	html .page .site .x-main article.hentry .entry-content a {
    	    left: 0 !important;
    	}
     }

    Hope it helps, Cheers!

    #1035247
    [email protected]
    Participant

    Friech,

    Thank you for your answer, it worked on the portrait view, but is still showing half of the boxes on landscape view
    any sugestions? (see attached screenshot)

    Thank You So much

    Nick

    #1035419
    Lely
    Moderator

    Hi There,

    Please try to update above CSS to this:

    @media screen and (max-width: 1025px) {
    	html .page .site .x-main article.hentry .entry-content a {
    	    left: 0 !important;
    	}
     }

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1033343 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>