Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • January 14, 2018 at 10:27 pm #897219
    panoramist

    Greetings,

    I have two issues
    1. icons appears as boxes (they arent being read ) No Icons
    2. There is a white background in the thumbnails of blog posts and the video controls arent fluid White BG in thumbnails

    January 15, 2018 at 5:06 am #897364
    Rikard

    Hey panoramist,

    1. Please refer to this: http://kriesi.at/documentation/enfold/enable-cors/

    2. I’m not sure what you are referring to since the screenshot is not working, could you check it and try to post again please?

    Best regards,
    Rikard

    January 15, 2018 at 9:43 am #897443
    panoramist

    Hi Rikard –
    here is the link for the image again for question 2 – https://ibb.co/hWD1bm

    January 15, 2018 at 1:07 pm #897503
    panoramist

    also one more issue on the small screens is that wrt to my Home page setup I have 1/2 columns for displaying blog content which displays perfect on the desktop screens however on small screens like mobile there seems to be margin/padding issue. Image attached. How do I add significant distinguishing factor between the two for small screens.

    missing padding

    January 15, 2018 at 9:21 pm #897708
    panoramist

    Hi Rikard –

    I have one more query — the screen option settings are helpful in displaying certain contents on mobile and certain on the desktop. However, I want to display a Full screen slider on mobile ONLY in a Landscape orientation and a Text block ONLY in a Portrait orientation.
    Any tips how you can help me with this.

    Thanks in advance.

    January 17, 2018 at 9:37 am #898346
    Victoria

    Hi panoramist,

    You need to write additional media queries to target portrait and landscape modes specifically.
    https://teamtreehouse.com/community/media-queries-horizontal-vs-vertical

    Can you please reattach the image with the missisng padding and indicate which page it is on?

    Best regards,
    Victoria

    • This reply was modified 7 years, 1 month ago by Victoria.
    January 17, 2018 at 7:58 pm #898649
    panoramist

    Dear Victoria,
    I am reattaching the image here Missing Padding https://imgur.com/a/0YX3V
    and
    Missing Padding 2 https://imgur.com/a/Vo0Lb

    This is on the HOME (landing) page (http://www.indialostandfound.com/)
    These issue occur are prominent on small screen settings (like on mobile when viewed in landscape orientation)

    January 20, 2018 at 1:52 pm #900080
    panoramist

    I am reattaching the image here Missing Padding https://imgur.com/a/0YX3V
    and
    Missing Padding 2 https://imgur.com/a/Vo0Lb

    This is on the HOME (landing) page (http://www.indialostandfound.com/)
    These issue occur are prominent on small screen settings (like on mobile when viewed in landscape orientation)

    January 22, 2018 at 4:56 am #900568
    Ismael

    Hi,

    1.) Use the following css codes to increase the bottom margin of the columns.

    @media only screen and (max-width: 767px) and (orientation: portrait) {
    .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
        margin-bottom: 20px;
    }
}

    2.) That is the volume control. Please use the following css codes.

    div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    top: 12px;
}

div .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    top: 0;
}

    Best regards,
    Ismael

    January 25, 2018 at 4:34 pm #902889
    panoramist

    Hi,
    I have set different styling for mobile view in portrait and landscape mode, however for mobiles screens with higher resolution i.e with 18:9 ratio (tested on iPhone X, Google Pixel 2, One Plus 5T) these phones mimic the website as seen on desktop screens when website is viewed in landscape mode whereas they should be taking mobile styling for landscape mode. I am attacking a video herewith https://youtu.be/QAdT2hsS4xA for reference. Kindly let me know how can I make these devices take mobiles styles in landscape mode. For lower resolution mobiles it works on the styling as defined in both portrait and landscape mode.
    The page in the video is Home page.

    January 26, 2018 at 12:21 pm #903338
    Ismael

    Hi,

    I’m sorry but I don’t have the needed devices to check it. Please provide a screenshot so that we can have a better idea. Have you tried using more css media queries? The css media query below will target devices with maximum screen width of 1024px on landscape mode.

    @media only screen and (max-width: 1024px) and (orientation: landscape) {
    /* add your styles here */
}

    Best regards,
    Ismael

    January 27, 2018 at 8:41 pm #903739
    panoramist

    Hi ,
    That media query solved my issues. Thanks
    On the Home Page, I have fullwidth slider with a video; I can use the set preferences to autoplay the video , however I want to pause it as soon as the video is scrolled out of view. Can you help me with this ?
    Thanks.

    January 29, 2018 at 5:52 am #904052
    Victoria

    Hi panoramist,

    Here is a thread for you to consider

    Autoplay YouTube video on scroll

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 6, 2018 at 5:36 pm #982153
    panoramist

    Hi ,

    I have an issue with the menu while viewing on a mobile device, there is a verticle scroll on the menu even when the content fits the page.
    Here is the link for reference video – https://vimeo.com/user87007084/review/278692462/c1c57266ff

    July 7, 2018 at 11:51 am #982413
    Rikard

    Hi panoramist,

    Thanks for the video, though I can’t reproduce those results on my end using Chrome. In which browser are you seeing that?

    Best regards,
    Rikard

    July 8, 2018 at 3:50 pm #982709
    panoramist

    Hi Rikard,
    I am using chrome inspector tool and using the Device Toolbar. Reference Images Here – https://imgur.com/a/P7dxOoy

    July 8, 2018 at 8:04 pm #982804
    Victoria

    Hi panoramist,

    The close button stays where the burger is and since the social icons are on the right, the close button stays where it is.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 9, 2018 at 2:28 pm #983114
    panoramist

    Hi there,
    I think the question that is missed is why is there a vertical scroll when the content (menu items) fit the div.

    July 9, 2018 at 5:44 pm #983262
    Victoria

    Hi panoramist,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-burger-overlay-scroll {
  overflow: hidden;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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