-
AuthorPosts
-
November 10, 2014 at 2:15 am #348611
Hello
I have provided the link to the staging site of my work.
I will move to live soon.I have some issues with the look and feel.
1. If you see the home page blog masonry, the 1st post has some kind of double outline. I did not get what I paid for, I wanted the masonry to look like different width and different heights, sitting well.
2, I tried to use the last option of masonry, but there, if I mark “landscape” to split into 2 columns, the image on mobile does not appear,
Also I dont like height cropping of the images. I can use the last option of masonry, but I dont like cropping., can you give me CSS for remove cropping of height.3. The Number animated section on home page, I have placed the 4 numbers in 4 content columns.
a) if you see this on mobile, the columns move below each other, i dont like that, I want them to appear inline even on mobile. to some extent, in landscape of mobile atleast they should appear inline.
b) the alignment of the text vs the background graphic moves and changes on mobile, I dont know why.4) Starting from top, where I click on Learn more, I scroll perfectly on desktop, but on mobile it scrolls less, and does not scroll fully to the next section. bacisally this is cause i am using sticky social menu and logo on mobile too., so the height is being used for that.
I dont know how to match this value. All i need is to have the social menu and logo as sticky on mobile. + it sshould scroll perfectly on mobile too.5.)
I would be very happy if on mobile the ;landscape mode I can have the social icons on left and secondary menu on right. just like the desktop. I dont want them in 2 lines/rows. Ca you help pleaseNovember 10, 2014 at 6:12 pm #348897Hi consult!
1. Make sure you have a featured image set for that post.
2. Can you send us a WordPress login and mark your reply as private so we can take a closer look?
3. I don’t recommend doing this because the text would run into each other. We can reduce the text of course but four columns on a small phone screen would make the text so small that it would not be legible.
4. I’m not exactly sure what your wanting to make it look like but this CSS will make it sticky.
.responsive #top #wrap_all #header { position: fixed !important; }
As for the learn more scrolling it is working fine on my Nexus 7 and iPod. What mobile device are you using?
5. This would take a lot of time and code and would have to be considered custom work. It would be best to hire a freelancer to help you out with this customization. A good place to contact freelancers is Werkpress and you can contact them with this form, http://kriesi.at/contact/customization.
Best regards,
Elliott- This reply was modified 10 years ago by Elliott.
November 11, 2014 at 10:20 am #349242This reply has been marked as private.November 12, 2014 at 1:25 am #349804Hi!
1. I believe you already asked this question here, https://kriesi.at/support/topic/masonry-blog-3/#post-347698.
2. Try adding this to your custom CSS.
.av-inner-masonry { border: 1px solid #888 !important; }
3. I don’t see an easy way of going about this. The flex columns are designed to reduce based on the screen width so to force them based on portrait and landscape mode of your device would mess with their behaviour on other screens.
4. Did you set a height for your section? Try setting the height to a percentage instead of a fixed value.
Cheers!
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.