1. MegaInc
  2. Saturday, 11 July 2020
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
Responses (2)
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


by the way this is my site. https://blog.gcl-pal.com/
  1. more than a month ago
  2. MegaInc
  3. # 1
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.

1.jpg
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%;
}
}

2.jpg
... and so on, for each breakpoint.
Attachments (2)
  1. more than a month ago
  2. MegaInc
  3. # 2


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.