kindly help me ti fix my megainc logo please.
this is the view when zoom at 90% (laptop view) https://prnt.sc/tfwdrh
but its look perfect when zoom at 100% however the menu right and the menus are broken. see https://prnt.sc/tfwgy2
Archived Forums
Hi. You can not put in a box more than it can fit. If you want to use only the template settings, you need to revise the amount of content and redistribute it differently.
If you want the quantity and location of the content to be the same as you have now, in this case, you need css coding for each breakpoint where the content breaks.
Example. Start to reduce the screen. When the content is broken, write a new code for each object at the breakpoint.
The first break-up of content occurs at 1665px.
Identify with a code inspector, which objects can be configured. Сreate a breakpoint 1px larger than the point of breaking up and write code.
... and so on, for each breakpoint.
If you want the quantity and location of the content to be the same as you have now, in this case, you need css coding for each breakpoint where the content breaks.
Example. Start to reduce the screen. When the content is broken, write a new code for each object at the breakpoint.
The first break-up of content occurs at 1665px.
Identify with a code inspector, which objects can be configured. Сreate a breakpoint 1px larger than the point of breaking up and write code.
@media (max-width: 1666px) { /*Create a breakpoint*/
.sp-megamenu-parent > li:not(:last-child) { /*Reduce the distance between menu items*/
margin-right: 30px;
}
#sp-header .logo { /* Fixing logo*/
background-color: #2f4984;
margin-right: 20px;
}
img.logo-image {
height: auto;
width: 100%;
}
}
... and so on, for each breakpoint.
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!