Forum Replies Created
-
Posts
-
I’d like to be able to target all menu items as well as target all submenu items, but I don’t need to target each specific menu item or each specific submenu item. Thank you.
Hi Ismael,
Adding the min-width really helps the “look” a lot. Thanks!
(Can’t add a negative margin though or the image is pulled off the screen if they turn their phone from portrait to landscape.)
Cheers—
Hi Vinay,
.custom-height { min-height:360px!important; }I used this slightly different version:
.custom-height img { height:360px!important; }…and was able to cause the image to disproportionately expand, which is OK for the time being, though ideally the image would retain its original proportions and the extra on the left and the right would just bleed off the edge of the screen. You can see the latest version by clicking the first link below and comparing the differences in background image proportions on desktop vs mobile (portrait).
Without including the IMG, the fullwidth slider height does expand, but the image doesn’t fill that space—it’s just whitespace, as I demonstrated in the previous reply (and the screenshot attached to that previous reply showing that, since the image is 16:9 but a mobile browser in portrait mode is closer to 9:16, the image takes the width of the browser window as its own width and therefore renders a proportional height that’s too small to cover much height in the window, so while adding the min-height gives the slider area more space, it doesn’t expand the image into that space. Targeting the image with IMG on the other hand, does expand the image, but stretches the image and breaks the original proportion.)
An ideal solution would take the focus area of a fullwidth slider image (as chosen by dropdown, e.g., center center or top left, etc.) and use that area of the image as the background image of the slider for browsers in portrait mode. I’ve attached a graphic (second link below) showing what our current solution accomplishes vs what an ideal solution would accomplish.
Perhaps suggest this to the dev team for consideration in future updates of the theme?
Thanks again for your continued assistance!
Hi Vinay,
That seems to get close, but doesn’t quite solve the issue. I’ve included a link to a screenshot of the page on mobile after the suggested changes have been implemented. You’ll see that the min-height has added height to the fullwidth slider area, but the background image hasn’t filled that area. (Compare the screenshot to the second link showing the page on desktop.)
I would think a lot of people would use fullwidth sliders in a similar way and therefore would encounter this same problem, so finding a solution might be really appreciated by hundreds or thousands of Enfold users.
Thanks in advance for your continued help!
Hi Vinay,
I tried that code, cleared the cache, but nothing seems to be different with regards to the transparency of the pancake menu on mobile browsers. Here are some more specifics:
If you open Austin magician (LINK 1 in private content below) in a mobile browser in portrait mode, you’ll see the menu in the upper right as the “pancake” menu, resembling a white box with a light grey border and three horizontal lines (the pancakes) inside. For some reason, it’s not the transparent pancake menu icon at that resolution, and I’d like it to be.
Secondly, if you open LINK 2 in a *desktop* browser, you’ll see that I’m using a fullwidth slider with the image of a spiral staircase, and that i’m using the title and caption features that allow me to overlay text on the fullwidth slider. However, if you open the same page in a mobile browser, you’ll see that fullwidth slider is pushed up underneath the transparent header further than it should be and the title and caption are difficult to read because of this. How do I fix this so the fullwidth slider image extends far below the header area (like it does on the desktop) and the title and caption are in a position below the header area where they can be read easily.
(I made a different post about this second issue here before receiving your reply: https://kriesi.at/support/topic/fullscreen-slider-text-content-overlaps-with-header-on-mobile/)
In the code provided in your reply, the margin is negative, which would just make it worse, but if I make the margin positive, it forces the fullwidth slider to start 119 pixels from the top, which isn’t what we want either. The fullwidth slider should start at the very top and overlaid on it will first be the transparent header (just like we see on the desktop version) and below that, the rest of the image will show and in that area the title and caption will go (similar to how it is on the desktop). Maybe the fullwidth slider need a min-height on mobile?
Let me know if you need any more screenshots or links.
Thanks again!
Hello,
Thank you for the reply, though I don’t see that anywhere in the file. I’m looking at the file via FTP, not through the WP editor (since I didn’t see it there).
I used the FIND command and looked for everything “wh” and didn’t match anything other than words like “where” in commented out parts of the file.
Could it be in a file other than js/shortcodes.js?
Thanks again!
Hi Ismael,
Strange. I just checked, and it seems to load just fine for me! I noticed though that I accidentally used a semi-colon in the original address instead of a colon.
Let me know if it works now! Thank you.
Hi Ismael,
I checked the enfold theme options and the blog is set there. Also, in SETTINGS > READING, I don’t see a default option, but everything seems OK there too, so I’m stumped! Thank you for offering to take a look. I’ve included login info in the private content area.
Hi Ismael,
Thanks for the help. I made the changes, but the blog page still just displays the excerpts, even though I set the blog content length to full content. Could you take a quick look and point me in the right direction?
Thank you!
Hi Elliott,
Thanks for the quick reply. That does remove it from the sidebar. I just noticed it is also included in the main content list of posts or grid of posts. Can this be removed as well?
And *secondly*, if I were to choose, could I keep it and make the other posts created with the advanced layout editor behave the same way? In other words, how would I make the posts created with the advanced layout editor show an excerpt below the featured image in the grid of posts?
Thanks again!
