Docs

[mackeykevin]

Hello I am using iframe to get a scrolling effect, but on the phone it is skewed to the right.

I cant figure out why

Thanks so much

http://drugfreefertility.com
http://drugfreefertility.com/baby-brains-are-made-of-fat-ebook/

[mackeykevin]

This reply has been marked as private.

[mackeykevin]

Hey,
Nevermind i have been continuing to mess with it and see that is is my code that is causing the iframe to be skewed to the right. (on the phone in real life it is) in cornerstone it looks fine.

With that would you be able to tell me what code i should use to get a border to work or

Or what the proper function woud be to get what I have to work for both.

My code causing the problem:
//////

<div style=”padding:10px;background:#eac0ab;webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;” width:100%margin:0 auto;overflow:hidden;”>
<iframe src=”http://drugfreefertility.com/ebookv1&#8243; scrolling=”auto” frameborder=”no” align=”center” height = “1000” width = “100%”></iframe>
</div>

/////

[mackeykevin]

Same site different question: Question above has not been answered, how can i get the logo all the way to the left?

[Rue Nel]

Hello There,

Thanks for writing in! Just for future topics, self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to.

1] Since you are using an iframe, it would be proper to assume that the content width should rely on the iframe container. I have seen that you already used the Blank – No Container | No Header, No Footer page template. That is still not enough. Please edit that page again and make sure that in each of the row settings, the column container is enabled. And if still the text content will shift to the right, then that would be because headings are quite big enough. You may need to apply Responsive text and manage it in Settings > Responsive Text. To know more about responsive text, please check it from our knowledge base here: https://community.theme.co/kb/shortcode-walkthrough-responsive-text/, http://demo.theme.co/integrity-1/shortcodes/responsive-text/

2] And to have your logo all the way to the left like this: http://prntscr.com/d5tyym, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .x-container.max.width {
    width: 100%;
    max-width: 98%;
}

Please let us know if this works out for you.

[mackeykevin]

Honestly you guys ROCK !!! For real Ok Logo css worked wonderful. looking into the responsive text now. Thank you for the knowledge of multiple posting, got a bit (puff puff give) last night 🙂 Ill let you know how the responsive text works.
For the time being Im going to do a show on: all but phone and then a none but phone

Thanks so much

[mackeykevin]

How do I make the content dock background transparent ?

[Jade]

HI there,

Please use this CSS:

.x-content-dock {
    background-color: transparent;
}

Hope this helps.

[Author]

Posts