Woodcraft theme – issue on tablet and smartphone devices

Home Forums All Other Themes Woodcraft theme – issue on tablet and smartphone devices

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #91749
    • Topics: 40
    • Replies: 44
    • Total: 84
    Member since: December 15, 2016

    Website URL: tydfoundation.org/tydwp

    • on a smart phone and tablet – the menu icon shows up but when I click on it, the menu appears and then hides behind the background image.
    • the boxes on the home page are not lining up on a tablet device. They’re out of sync (both portrait and landscape.) Also, the wording is breaking up. How can I reduce the font size so that that doesn’t happen? Or is there a work around? Also, Is there a way to turn off the ‘bouncing effect’ of the overlay/wording on a tablet and smartphone?
    • on a tablet (portrait mode) – on the subsequent pages the Search is covered with the logo and page title is missing
    • on a tablet (landscape mode) – the top of the logo gets cut off.

    I have tried going through the Styles file and then adding the css in the Customize tab to try and correct some of the issues but I wasn’t able to fix the above.

    Sonnal S SinhaSonnal S Sinha
    • Topics: 0
    • Replies: 30376
    • Total: 30376
    Member since: August 16, 2013


    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:1023px) and (min-width:768px) {
    .header { position:relative !important;}
    .whatwedo { margin:0 9px 20px !important; width:22.4% !important; overflow:hidden;}
    .whatwedo-title h6 a { font-size:14px !important;}
    .whatwedo-title { height:100%;}
    .whatwedo-title p { display:none;}
    .row_area { margin:0 -21px !important;}
    @media screen and (max-width:72.438em) and (min-width:63.250em) {
    .logo img { margin-top:0 !important;}


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