Okay
  Public Ticket #355513
Page Header Responsive bug??
Closed

Comments

  • Massimiliano started the conversation

    Hi,

    while trying to figure out how it was set the font size on the page header, I noticed that in the file "dynamic-combined.css" there is a strange definition in Media query...

    	body #page-header-bg h1, html body .row .col.section-title h1
    	{	
    		font-family: Oswald;text-transform: uppercase;letter-spacing: 0px;font-size:110px;	
    		line-height:120px;font-weight:300;			
    	}
    	@media only screen and (min-width: 690px) and (max-width: 1000px) 
    	{
    		#page-header-bg .span_6 h1 
    		{
    			font-size: 93.5px!important;
    			line-height: 97.5px!important;
    		}
    	}
    	@media only screen and (min-width: 1000px) and (max-width: 1300px) 
    	{
    		#page-header-bg .span_6 h1 
    		{
    			font-size: 77px;
    			line-height: 84px;
    		}
    	}

    It should be the opposite? Font size larger for screens with min-width 1000px?

    thanks

    Max

  •  8,470
    Tahir replied

    Hey Max!

    Do you see any issue on the front page ?. Can you provide the page url where we can see the issue ?. 

    Thanks 


    ThemeNectar Support Team 

  • Massimiliano replied

    Hi! Thanks for reply.

    I can't show you the page because i'm working on a local installation yet..

    My screen resolution is 1280x1024. With the browser window to full screen, I get media query "(min-width: 1000px) and (max-width: 1300px)". So, the Page Header Title is smaller then it should be, in my opinion.

    It's strange that with a width between 690px and 1000px the font-size is set larger than 1000px-1300px, that's right?

    I could do an override with a page custom css, but I lose the responsive feature..

    thanks!

    Max

  •  8,470
    Tahir replied

    Hey Again!

    Could be a bug. You can override using this custom css :

    @media only screen and (min-width: 1000px) and (max-width: 1300px){
        #page-header-bg .span_6 h1{
           font-size: 93.5px!important;
            line-height: 97.5px!important;
        }
    }
    

    Thanks 


    ThemeNectar Support Team