Home › Forums › All Other Themes › Woodcraft theme – issue on tablet and smartphone devices
- This topic has 1 reply, 2 voices, and was last updated 6 years, 9 months ago by Sonl Sinha.
-
AuthorPosts
-
January 15, 2018 at 7:02 pm #91749
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.
January 16, 2018 at 5:56 am #91769Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.