Header Alignment Issue In Responsive Mode With Ensure Template - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Header Alignment Issue In Responsive Mode With Ensure Template

A

Antonio

Template 4 years ago

Using this template I noticed some problems with the alignment of the logo and menu items when the window shrinks. How can I fix this problem?

Best Regards,

Antonio

0
Website
http://www.studioravagnati.it
1 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #7118

Hi there!

Sorry for your issue!

You can lower the layout grid for the logo or use smaller font size for menu items.

Here is sample media query you need to put in your custom CSS to solve this. You can adjust the min/max resolution value as per your need:

@media only screen and (max-width: 1314px) and (min-width: 992px)  {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
font-size: 12px!important;
}
}

Hope this helps!

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Best Regards

0