Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 20, 2017 at 3:49 pm #866745
    StaceyStaaterman

    Hi

    I notice that when a font-size is set in the Advanced Styling settings, the font-size options for smaller screens doesn’t seem to work?

    I have tried setting the font-size to default in the Advanced Styler, which does work. However, I wish the h1 to be 64px, which is way bigger than the default size.

    Can you advise?

    October 20, 2017 at 3:56 pm #866750
    Jordan Shannon

    Hey StaceyStaaterman,

    Do you have any plugins or custom css that may be conflicting with the Advance Styler?

    Best regards,
    Jordan Shannon

    October 23, 2017 at 10:10 pm #867857
    StaceyStaaterman

    Hi Jordan

    The Advance style is working well. Its just the screen resize option for text elements that doesn’t work. For instance, we have the h1 set to 64ps and would like this to be 30px in very small screens. When this option is applied it doesnt work.

    There is some custom CSS and a few plugins. Should the font-size for smaller options still work, even when the font size is defined within the advanced styling?

    October 23, 2017 at 10:49 pm #867862
    Jordan Shannon

    Hi,

    It depends. If there is a plugin style conflicting with the Advanced Style, it may override it. Just to make sure this is not the case, if possible please try disabling the active plugins to see if this issue resolves.

    Best regards,
    Jordan Shannon

    October 24, 2017 at 9:55 am #868045
    StaceyStaaterman

    Hi Jordan

    Tried deactivating plugins, but still not working. If you try viewing the my process page, where the H1 is set to 10px on mobile, you’ll see it is not working

    Login details provided

    October 24, 2017 at 2:46 pm #868226
    Jordan Shannon

    Hi,

    I viewed the My Process page, and the font size appeared to be 64px in the header. So you just need the font to be 30px on mobile instead of 64?

    Best regards,
    Jordan Shannon

    October 24, 2017 at 4:28 pm #868268
    StaceyStaaterman

    Hi Jordan

    yes thats right, I want the font to be 30px on mobile, but if you view on mobile it is still 64px

    best

    October 24, 2017 at 6:37 pm #868328
    Jordan Shannon

    Hi,

    While I’m not 100% sure why the Advanced Style is not working, the following should work just fine if you add it to quick css:

    @media only screen and (max-width: 767px){
#top #wrap_all .all_colors h1{
font-size:30px!important;
margin-top:75px!important;
}}

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.