Header width with ipsResponsive

[jffuchs]

Hello,

I need to adjust the width of the header taken in account the hardware profile : phone, tablet, desktop

I read :

My code work well on the phone but I have an issue on the desktop version : the width is 100 % and not 1200 px (!)

 

I have edited the LAYOUT.CSS file with :

#ipsLayout_header {
 
    .ipsApp .ipsResponsive_showDesktop{ width: 1200px;
 	position: relative;
    margin: 0 auto; 
  }
    .ipsApp .ipsResponsive_showTablet{ width: 100%;
	position: relative;
    margin: 0 auto;  
  }
    .ipsApp .ipsResponsive_showPhone{ width: 100%;
	position: relative;
    margin: 0 auto;  
  }
  
}

Thank you for your support,

Frederic

 

Phone

 

Desktop

 

[Jim M]

Thanks for posting!

Unfortunately, this issue is beyond the scope of our technical support. 👩‍💻

Our technical support is happy to help you with the Invision Community platform, but we're unable to help with things like server management, theme questions and modifications.

I've moved this to our Community Support area where other Invision Community owners will see it and help where they can.

[jffuchs]

Thank you Jim, I hope I will find some help / support

Best regards,