Mobile View

Site URL: http://www.alpineluxcapital.com

How can I alter the layout on the mobile view without messing up the web view on 7.1? I don't want to change much, but I want to shrink the fonts down to fit on the mobile screen without the sentences dropping down to the next line.

You can use CSS. Can you describe in detail? I will take a look

eg: Which element to shrink font?..

On 4/15/2020 at 4:12 AM, tuanphan said:

You can use CSS. Can you describe in detail? I will take a look

eg: Which element to shrink font?..

What I am working on right now are my pages. So at the top if you click "Philosophy" the pages for "Hedge Fund", "Private Equity", and "Real Estate" pop up, in which I will dive into more info on each inside those pages. But the links to get in are huge on mobile view. It's linked to Heading 1, so I reduce that size and its showing up the exact same on mobile but smaller on the web view.

So, I just altered the size while in mobile view to make it look how I want, but for some reason it's jumping back to being big.

Overall, on the web view I love the layout. If I go to the website on my phone, it runs into multiple lines. I would love the ability to have the web view, just shrunk down to fit in mobile view.

Example:

Alpine Lux | Capital

vs.

Alpine Lux |

Capital

and 

Hedge Fund

Private Equity

Real Estate

vs

Hedge

Fund

Private

Equity

Real

Estate

I hope this helps!

Add to Philosophy page settings > Advanced > Header

<style>
@media screen and (max-width:767px) {
/* philosopy text */
span.portfolio-hover-item-content {
    font-size: 30px;
    letter-spacing: 2px;
}
/* logo */
a#site-title {
    letter-spacing: 2px;
}
}
</style>

Tuanphan,

Straight killer! You are awesome. Huge asset to these forums!

Am I able to alter the letter spacing still? Or does that get locked in through the code? 

Disregard my previous post. I played around with the numbers in the code and it worked. Thanks again!