Home › Forums › Free Themes › Restaurantz › Responsive Footer Layout

Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 26, 2016 at 9:33 am #24187
    ecogmedia
    Participant

    I’m seeing an issue with the layout with the footer for the responsive layout and the footer area are messed up when in a smaller width window. The boxes are being distorted and not stacking up properly. Here is the URL that I’m working with http://www.mainstreetvault.com/wp/

    November 26, 2016 at 10:28 pm #24215
    wensolutions
    Keymaster

    @ecogmedia, would you please check if any third-party plugins is causing this issue ? Since because theme itself is already responsive from all aspects as you can also verify this from its demo http://demo.wenthemes.com/restaurantz/ as well.

    November 26, 2016 at 11:35 pm #24216
    ecogmedia
    Participant

    It looks like if I have the 4 footer areas filled it causes the problem, 3 works fine like your demo version.

    November 27, 2016 at 11:36 pm #24269
    wensolutions
    Keymaster

    Hello,

    The issue regarding the layout when fourth footer widget area is active has been noted down as a known issue and will surely be fixed in the future update.

    For the quick fix for the issue, please paste in the following custom CSS in your Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS :

    @media only screen and (max-width: 767px){
#footer-widgets .footer-active-4.footer-widget-area {
    background: #2b2a2a none repeat scroll 0 0;
    width: 100%;
}

#footer-widgets .footer-active-4.first-col.footer-widget-area {
    width: 100%;
}

}

    This will fix the issue keeping the widgets stacked up in responsive views.

    Hope this Helps,

    Best Regards !!

    November 28, 2016 at 8:04 am #24286
    ecogmedia
    Participant

    Thank you for your help.

    November 29, 2016 at 1:21 pm #24441
    ecogmedia
    Participant

    One other issue that I’ve noticed with the footer layout and responsive layout in general is an issue with a window size range. It appears that in the 1392px to 1171px range the sides are cuttoff in the view port, such as the footer left box its chopped at bit as well as the right side body text. Apparently my clients view port size is in that range.

    November 30, 2016 at 12:52 am #24496
    wensolutions
    Keymaster

    Hello,

    Please try adding the following Custom CSS for the resolution of the cutting of footer widget area in your requested view port size:

    @media (min-width: 1171px) and (max-width: 1392px) {

	#footer-widgets .main-wrapper {
    margin-left: -30px;
}
}

    Hope this Helps,

    Best Regards !!

    November 30, 2016 at 1:05 am #24497
    ecogmedia
    Participant

    Prefect, you have been a great help.

    November 30, 2016 at 1:13 am #24498
    wensolutions
    Keymaster

    Glad to know that it worked for you !.

    If there are any further query, then, please feel free to post them anytime in this official forum.

    We will really appreciate if you could help us too by rating our theme in WordPress repo here:-

    https://wordpress.org/support/theme/restaurantz/reviews/#new-post

    Thank you in advance.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.