Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 29, 2018 at 4:07 am #1038792
    JenzDesignInc

    Hi, I am new to this Forum and just want to say how much I enjoy the Enfold Theme – so thank you!

    I am using the Special Heading as an intro section on my home page.
    For this Screen Option in the avia layout builder:
    Font Size for very small screens (smaller than 479px - eg: Smartphone Portrait)
    I think the media query might be wrong because at a screen size of 400px – my Special Heading doesn’t size down to 17px, it keeps the original size – 36px

    Maybe a possible fix for a future update could be adding the following media query? (The .av-small-font-size-17 is the generated CSS from the screen options)

    @media only screen and (max-width: 480px) 
.responsive #top #wrap_all .av-small-font-size-17 {
	.	
    font-size: 17px !important;
}

    Just passing along and thinking it might help.
    Thanks again!

    November 29, 2018 at 4:57 am #1038804
    Mike

    Hey Jen,
    I tried to recreate this issue on my localhost, as you described it, where the font size for desktops is 20px and 17px for mobile.
    But this worked correctly for me. Can you please include a admin login in the private content area so we can take a closer look at the error in the wild.

    Best regards,
    Mike

    November 30, 2018 at 4:46 pm #1039375
    JenzDesignInc

    Ok, I was wrong…sorry about that…I think I didn’t hit the update button in the WP dashboard. I hit SAVE in the Special Heading dialog but didn’t hit Update in the WP dashboard…thanks for looking into this. My bad.

    November 30, 2018 at 11:30 pm #1039453
    Jordan Shannon

    Hi,

    I’m glad you got this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Enfold Theme – Special Heading Media Query issue at very small screens option’ is closed to new replies.