Controlling Home page text

Shapely
1

Hi there

Website - https://mka-architects.co.uk/

Page - home page

How do I control the ‘Title’ and ‘Content’ text, that appears in the [Shapely] Parallax Section widget so that i can manage how it appears in desktop AND mobile separately ?

At the moment its a compromise, too big in mobile and too small close together in desktop.

Thank you!!

2

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS


/* fontsize on mobile */
@media (max-width: 768px){
.top-parallax-section h1 {
    font-size: 30px;
    line-height: 1em;
}
  .cover p {
    font-size: 1.5em;
}
}
/* font size on desktop */
@media (min-width: 1200px){
.top-parallax-section h1 {
    font-size: 70px;
    line-height: 1.4em;
}
  .cover p {
    font-size: 1.7em;
}
}

Best regards,
Support.

3

Perfect! Thank you very much!

4

Hey there

Is your problem fixed?
can we mark this ticket as resolved?