Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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!

    #830937

    Hey mirr,

    Please, may you provide to us your website link and the WP and FTP credentials?

    Best regards,
    John Torvik

    #831038
    This reply has been marked as private.
    #831042

    Hi!

    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!
    Yigit

    #831123

    You 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?

    #831138

    Hey!

    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!
    Yigit

    #832004

    Hey, 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!

    #832118

    Hi,

    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,
    Yigit

    #832937

    Hi. I added an image for the placement of the logo. Weird thing is that the custom css won’t do a thing..

    #832957

    Hi,

    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,
    Yigit

    #832962

    Hi, 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..

    #835220

    Hi,

    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,
    Ismael

    #835290

    Yes, that option is enabled.

    #837763

    Hi,

    If that option is enabled, the logo and the menu items will not align to the content container. Please disable the option.

    Best regards,
    Ismael

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.