- This topic has 3 replies, 2 voices, and was last updated 9 years, 7 months ago by Sakin.
-
AuthorPosts
-
April 22, 2015 at 1:30 pm #56407JürgenMember
Hi,
on http://www.vflberghausen.de i am using the three column layout for the homepage. I have placed a calendar (Spider Event Calendar) in secondary sidebar and different widgets in the primary sidebar. When you resize the browser window (tested under Windows with IE, FF, Chrome and Safari) in the last view before changing from three column to single column layout, the secondary widget bar touches the content column (in mobile Safari it even overlaps, when using the standard wordpress calendar). Is there a way to prevent this?
Second i have a logo with a transparent canvas (to position it correctly above the page) but the logo overlaps the mobile menu on my iPad and iPhone. What can i do?
And last, i have created a menu and some top menu items (Abteilungen, Service), will not drop down on mobile devices. i built the menu with custom links for these items and then deleted the link because i dont want them to be clickable.
Hope, i explained everything understandable.
Thanks,
Juergen
April 23, 2015 at 4:39 pm #56477SakinKeymaster@Juergen:
1. Your calender is in table with fixed width of 200px and it’s not responsive. So, it’ showing like that. Either you need to make that table responsive or you need to adjust the width so that your sidebar is always more than 200px width. If you want to change the width then you can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:@media screen and (max-width: 1280px) { #content_sidebar_wrap { width: 830px; } #content_sidebar_wrap #main { width: 490px; } .sidebar-secondary { width: 240px; } } @media screen and (max-width: 1152px) { #content_sidebar_wrap { width: 770px; } #content_sidebar_wrap #main { width: 470px; } .sidebar-secondary { width: 240px; } } @media screen and (max-width: 1100px) { #content_sidebar_wrap { width: 690px; } #content_sidebar_wrap #main { width: 430px; } .sidebar-secondary { width: 240px; } }
About menu is mobile devices, have you change or customize any code in catch-base theme folder. As it works on first click and after that it doesn’t. If you have change the code then please load the original theme. So, if you haven’t change the code then please try disabling plugin one by one to check conflicting plugin. IF all this fails then let me know it.
May 8, 2015 at 3:44 pm #57393JürgenMemberHi Sakin,
it took me a while but i narrowed it down to a plugin. It’s the ‘sharing’ option of the ‘Slim Jetpack’ Plugin. It caused the non functioning mobile menu.
Jürgen
May 9, 2015 at 2:44 pm #57443SakinKeymaster@Jürgen: Thanks for sharing info about this plugin conflict.
-
AuthorPosts
- The topic ‘Columns touching, Logo overlapping mobile menu, no mouesover on mobile devices’ is closed to new replies.