Woodcraft theme – issue on tablet and smartphone devices

[dd]

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 Sinha]

Hi,

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;}
}

Regards,
Chris

[Author]

Posts