Home › Forums › Jevelin Theme › Header not displaying correctly at a certain page dimension › Reply To: Header not displaying correctly at a certain page dimension

Home › Forums › Jevelin Theme › Header not displaying correctly at a certain page dimension › Reply To: Header not displaying correctly at a certain page dimension

Shufflehound Support
Moderator

Solution for this topic

Hi @arch389,

 

I hope you are well today and thank you for your question.

 

This is happening because on smaller screen sizes the width of screen is too small to fit social icons in one row.

 

You can resolve this issue by adding the following CSS code in the Custom CSS code option of your theme on the below path.

 

Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

 

@media only screen and (min-width: 1026px) and (max-width: 1105px){
#page-container .sh-header .container {
    width: 100%!important;
    max-width: 100%!important;
}
}

 

Best regards,
Shufflehound team