Responsive headline question

Support
#1

I have set a paremeter for the title to be responsive on moblie:

@media screen and (max-width: 767px){
post-big, .post-big {
font-size: 140.5% !important;
}
}

and it works well (see screenshot) : https://www.dropbox.com/s/uy3bvpqt1ltvu9l/Screenshot%202020-12-04%20at%2011.03.01.png?dl=0

Now I just have a problem between the big screen and the small screen where the title jumps to the left side of the screen: https://www.dropbox.com/s/a45jn5dva1zfo5h/Screenshot%202020-12-04%20at%2011.00.19.png?dl=0

Could you please assist me with this?

Kind regards,

Anton Stepine

#2

Hi Anton,

Thanks for reaching out.
The column width for the specific breakpoint is the reason behind the issue. Please add the following custom CSS code into Theme Options > CSS to make the column width 100% which resolves the issue.

@media (max-width: 978.98px) and (min-width: 767px)
{
    .e347-2 > .x-row-inner > *:nth-child(2n - 1) 
    {
        flex-basis: calc(100% - 1rem);
    }
}

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

#3

Worked like a charm! Thank you so much and have a nice day.

#4

Hi Anton,

Glad that we are able to help you.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.