-
Posts
-
The image is a photo of a Droid that does not allow screenshots. I’ve seen this bug on other devices too. Hard to determine a pattern of devices/browsers.
I put it in media queries because it only happens on mobile!
It shouldn’t need any hack css code! Why is the theme enlarging the image at all?
Have you tried removing or tweaking that?
http://milestonementoring.com/murphypsychologygroup/wp-content/themes/enfold-child/style.css?ver=1https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
Best regards,
JosueRemoving what? I added that CSS because this was being enlarged on mobile. Why is the theme enlarging the image?
Background-size is the whole color section. This image is positioned bottom-right in the section. Why is it being enlarged? Is the color section code written to enlarge a background image? How do I just address the image in the section rather than Background-size?
I see it now, this will fix it:
.avia_mobile #contact .av-parallax { background-size: initial !important; }You can remove this:
#contact { background-size: 320px auto !important;}The theme resizes it because a background image in a color section is meant to be used as a full width background, but that can be changed in cases like this.
Cheers!
JosueWorks on the Droid. I will check other devices later but I suspect we got it! Thanks for all your help.
Uh oh! One fix causes another bug?
Hi Josue,
It seems your solution to mobile Search in the mobile menu disabled the desktop search function! What’s going on here?
The search item is the last menu list item on desktop. Shouldn’t it just be responsive and be the last list item in the mobile menu?
Hi,
It’s fixed now (edited child style.css):
http://milestonementoring.com/murphypsychologygroup/Please note that the search thing wasn’t exactly a fix to a “bug” but more of a little customization i made on request :).
Regards,
JosueThanks Josue.
Seems to me that should not be a customization, though.
In a responsive theme shouldn’t whatever’s in the desktop menu be in the mobile menu?Perhaps that’s something we may add in the future, if you don’t have any other issues i’ll close this topic for now.
Cheers!
JosueHi,
I found the root of the bug, is the header height (logo center, menu below / large / no shrinking header). I will test this exact configuration on my local install and see how it goes.
Please let keep the conversation here, this topic is not closed yet :)
Cheers!
JosueFound a definitive fix, It’s already applied on your site:
http://milestonementoring.com/murphypsychologygroup/I have proposed this change so it may get merged or improved :)
Hi!
No, i had to modify line 255 in js/avia.js. But the bug (+fix) is already reported so it will be taken in consideration for the next update, just like we did with the land-on-top-section bug on mobiles.
Best regards,
JosueI experience the same problem with the mobile menu on the One Page demo (Wedding demo).
When I click on a mobile menu link (which is supposed to go to particular section) it goes somewhere to previous section. This website is still under development so I can not share a screenshot publicly. Will send details privately. I need to have the mobile menu working. As far as I see all the anchors are set correctly in the menu and on the page in the Color Sections.
- The topic ‘Bugs in one page with color sections’ is closed to new replies.