Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 3, 2015 at 8:31 am #422918
    cd2s

    Hi

    I’ve upgraded my site to the Enfold and am recreating the posts so they look good in the new theme.

    The problem is that if I use the fixed width/height ration it is not responsive.

    If I use the wordpress embedd link, it is far too big on the page and overflows and adds a ridiculous amount of width/height pixels to the .element if I check in firebug.

    http://smore.is/we-are-one/

    Would you have any experience in how to make the embedded content responsive, so it looks nice on a ipad/iphone and computer?

    Thanks so much.
    Corina

    April 3, 2015 at 1:38 pm #423014
    Yigit

    Hey Corina!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
.issuuembed.issuu-isrendered {
  width: 100%!important;
}}

    Best regards,
    Yigit

    April 4, 2015 at 12:55 am #423308
    cd2s

    Hi Yigit

    Thank you so much for getting back to me even over Easter…. you guys are awesome.

    Unfortunately the css doesn’t seem to work or then I did something incorrectly :( Added it to the General Styling tab (Quick CSS)…. but there’s no change to how it looks on screen…

    Happy Easter, Corina

    April 4, 2015 at 8:27 am #423402
    Rikard

    Hi!

    It’s looks responsive on my end, could you try to empty your browser cache and reload a few times to see if that helps?

    Cheers!
    Rikard

    April 4, 2015 at 1:54 pm #423444
    cd2s

    Hi Rikard

    Did that and it still looks weird on my large screen… (it’s perfect on my mobile devices)…. I cleared cache on all browsers and tested on safari, chrome and firefox, all latest versions… and it looks like in this screenshot:

    https://dl.dropboxusercontent.com/u/1599879/kriesi/2015-04-04_22-52-21.jpeg

    Thanks so much.
    All the best,
    Corina

    April 6, 2015 at 2:32 pm #423937
    Yigit

    Hi!

    Please change my code to following one

    
.issuuembed.issuu-isrendered {
  width: 100%!important;
}

    Best regards,
    Yigit

    April 8, 2015 at 7:27 am #425103
    cd2s

    Hi Yigit
    Thank you so much, that worked. Although I also had to give it a height.
    All the best,
    Corina

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Embedding Issuu publication’ is closed to new replies.