Tagged: gallery, mobile, responsive
-
AuthorPosts
-
July 28, 2017 at 12:12 am #830857
Hi, I have some problems with my website on the mobile version.
When I check the portfolio, that is a 4 column flexible masonry on mobile it get’s really small and seems to cut of text.Also the text overlay on the slider gets really big and almost fills the whole screen.
Hope you can help me out, thanks a lot!
July 28, 2017 at 8:19 am #830937Hey mirr,
Please, may you provide to us your website link and the WP and FTP credentials?
Best regards,
John TorvikJuly 28, 2017 at 1:45 pm #831038This reply has been marked as private.July 28, 2017 at 2:21 pm #831042Hi!
1- I went to Enfold theme options > Layout Builder and checked “Show element options for developers” and then edited your column element and gave it a custom CSS class “portfolio-mobile” and then added following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) { .portfolio-mobile { padding: 0 !important; }}
2- Can you please point out the slider you are having issues with?
Cheers!
YigitJuly 28, 2017 at 4:19 pm #831123You are great! This looks awesome!
What I mean for point 2 is seen here: http://infographicrotterdam.nl/portfolio-item/illustratie-en-artdirection-lesmateriaal/
When you have your phone up the text covers almost the whole image. When you have your phone horizontal it looks better but still a bit big. Is it possible to make this smaller, or what would be a good option for this?July 28, 2017 at 4:33 pm #831138Hey!
I checked your page on my iphone and attached a screenshot in private content field. I believe it looks fine. Does it look the same on your end as well? Also, could you please let us know how you would like to display it instead? Font sizes are small enough in my opinion :)
Cheers!
YigitJuly 31, 2017 at 9:24 am #832004Hey, thanks again. I’ll give it some thought if you think it looks fine. I’ll let you know.
Another question; I want to move the logo to the right so that it matches the line of text on 1/5 from left. But whatever custom css I use it doesn’t move? Can you tell me why this is? Thanks!
July 31, 2017 at 1:53 pm #832118Hi,
Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on http://imgur.com or Dropbox public folder and post the links here
Best regards,
YigitAugust 1, 2017 at 3:56 pm #832937Hi. I added an image for the placement of the logo. Weird thing is that the custom css won’t do a thing..
August 1, 2017 at 4:35 pm #832957Hi,
There was a missing curly bracket in your Quick CSS field. I added it and now your custom CSS would work fine.
You can go to Enfold theme options > General Layout > Dimensions and change container widths however we would not recommend it in your case as logo would overlap menu items in smaller screen sizes.
Best regards,
YigitAugust 1, 2017 at 4:40 pm #832962Hi, thanks again for your quick reply, you are the best!
I don’t think I understand.. I don’t want dimensions to change only the placement of the logo aligned with the text. When I add for example (but tried multiple)
div .logo {
left: 40px;
}nothing changes with the placement of the logo..
August 7, 2017 at 6:30 am #835220Hi,
https://drive.google.com/file/d/0B4SghMHhFEu7c1JPQVJwcWJ5eWc/view
Did you enable the Header > Header Behavior > “Let logo and menu position adapt to browser window” option?
Best regards,
IsmaelAugust 7, 2017 at 10:48 am #835290Yes, that option is enabled.
August 12, 2017 at 7:29 am #837763 -
AuthorPosts
- You must be logged in to reply to this topic.