[josephkwfParticipant]

Hi,

1. Responsive Text.
a. At WordPress Post
Please review these files and kindly do let me know if the texts responsive were functioning properly. The codes as below were given from your team last time?
Files: desktop-fullsize-chrome.jpg, mobile-fullsize-browser.jpg
Coding:
[content_band bg_color=”#000066″ border=”all”] [container] [custom_headline class=”responsive-heading” style=”margin: 0;” type=”center” level=”h4″ looks_like=”h3″ accent=”true”]Boston Havard-MIT Math November Tournament 2016[/custom_headline] [responsive_text selector=”.responsive-heading” compression=”2″ min_size=”18px” max_size=”78px”] [/container] [/content_band]

<div class=”responsive-text” style=”color: #99ccff;”>This is the first time my school participated this National High School Mathematics Tournament. It is organized by Harvard.., etc.</div> [responsive_text selector=”.responsive-text” compression=”2″ min_size=”18px” max_size=”78px”]

b. Using Cornerstone
What’s/re the coding format so performing the text to be responsive?
File: cornerstone-frontpage-text-wowexper.jpg

2. Background image only shown on mobile phone correctly!
Please see the following files re my question issue. I didn’t know what’s wrong my settings or might be missing something! I’m using ETHOS Theme. It is only showed a small portion of it on desktop where I’m using Chrome and IE browser. It works fine on mobile browser.
Files: Customizing+Layout-n-Design.jpg, desktop-fullsize-chrome.jpg, mobile-fullsize-browser.jpg

Kindly your solution that I’m much appreciated.

Have a blessed day.
Joseph

[josephkwfParticipant]

Attached back this file due to file size issue.

File: mobile-fullsize-browser.jpg

[FriechModerator]

Hi Joseph,

Thank you for writing in! In Cornerstone you can set a Responsive Text under Settings panel.

Background-image is responsive, but different kind of responsive. Please provide us your site URL so we can take a closer look. In the meantime please read the posts below on how the background-image works.

– https://community.theme.co/forums/topic/section-background-image-2/#post-691126

– https://community.theme.co/forums/topic/background-image-on-phone/#post-780991

Thanks.

[josephkwfParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

1. You’ll have to add it to the class without the dot, example,

<h3 id="mp-headline" style="text-align: center;" class="h-responsive">

Selector with dot means Class and selector with pound sign means ID, hence, adding #mp-headline as selector is okay too since your headline has existing ID.

2. Please try adding this CSS to Admin > Appearance > Customizer > Custom > CSS

.x-container.main:before, body {
background: transparent !important;
}

Hope these helps.

[Author]

Posts