Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 24, 2018 at 10:33 am #932289
    raulangeli

    Hi

    First of all let me congratulate you for this awesome theme. It´s the best theme I have used to do my work on wordpress.

    I´m having and issue with some media querys. I added a media query for mobile and it works perfect, but when I´m adding media querys for the other resolutions it doesn´t work

    The problem is on the home page, where it puts “CADA ESPACIO CON UN MENSAJE”

    I added the media querys in the quick CSS section:

    .cada-espacio{
    text-align: center;
    font-size: 58px;
    line-height: 158px;}

    @media only screen and (max-width: 479px) {
    .cada-espacio{
    font-size:44px;
    margin-top:-22px;
    line-height:normal;

    }
    }

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .cada-espacio{
    color:#000000;
    border:1px solid #000000;
    font-size:12px;
    margin-top:-22px;
    line-height:normal;

    }
    }

    @media only screen and (min-width: 768px) and (max-width:989px) {

    .cada-espacio{
    font-size:35px;
    line-height:172px;

    }
    }

    I´ll send you the credentials to log in on the website

    Thanks in advance

    March 24, 2018 at 9:36 pm #932486
    Vinay

    Hey raulangeli,

    Please feel free to add the border and other styles to the below code and add it to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 1100px) {
#top .cada-espacio {
	font-size:3vw;	
	line-height:100px;
	display:flex;
	justify-content:center;
	align-items:center;

}}

@media only screen and (max-width: 767px) {
#top .cada-espacio {
	background:gold;
	line-height:normal;
}
}

    Best regards,
    Vinay

    March 25, 2018 at 10:16 am #932567
    raulangeli

    Thank you Vinay, I didn´t know that I have to put the #top before the class.

    Very heplful

    Thanks again

    March 25, 2018 at 4:51 pm #932637
    Vinay

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Media Query not working for me’ is closed to new replies.