Mobile Theme View

[Merrlol]

I have a problem whereby on the mobile version of my website it’s not displaying as I’d like. Is there a way that I can manually edit just the mobile theme?

For example, where I have the four headings that appear under the header on the website they don’t appear right on mobile. Logically I would prefer it to appear like (heading1, image1, button1, heading2, image2, button2… etc) it appears like (heading1, heading2, image1, image2, button1, button2…) as if it’s reading the elements left to right.

I’m wondering if there’s a way I can manually change this?

—–

Unrelated questions:
1) How can I change the heading text colour of the social grid gallery to white?

2) How can I increase the font size of the promo bar beyond what is the current maxiumum?

Thank you!

[Kyle – SUPPORT]

Hi

Yes, elements are in order left to right, row to row. To group them columns together you need to put them in a column asset, found under the layout tab

—

1) Should already be white, in the colour customiser check the option for ‘bold recent post hover’

2) Add this to your custom css:

.sf-promo-bar p {
  font-size: 28px;
}

– Kyle

[Merrlol]

I can change the colour of the heading by altering the H2 or H3 colour to white, however doing that then affects the rest of the site and makes all H2 headings on white backgrounds illegible.

Is there a way that I could tell it to only change the headings to white on THAT page? Or just for the social media box?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
/*you need to change the page id 9 to with your desire page id*/

.page-id-9 h1,.page-id-9 h2,.page-id-9 h3,.page-id-9 h4,.page-id-9 h6,.page-id-9 h6{
color:#fff !important;
}

Thanks
Mohammad