HI there,
My social profiles are in the header on the same line as the menu (to the right). No matter 3 or 4 social profiles, the last one always extends past the edge of the boxed layout page when screen is smaller (between desktop and mobile versions).
Image here: https://imgur.com/a/0FAM6
Is there a way to keep the profiles contained to the edge of the boxed layout page?
Thank you,
Deanna
Hey Deanna,
You have this in your child theme CSS file:
@media only screen and (max-width: 1600px) and (min-width: 787px) {
.main_menu {
margin-right: -50px;
}
}
Please remove it.
Best regards,
Rikard
Hi Rikard,
Thanks for quick response. Unfortunately removing it made it worse: https://imgur.com/a/KpFeP
I’ve just put it back in now.
Deanna
Hi,
It looks fine when I check it in my browser, you can change it to this instead if you like:
@media only screen and (max-width: 1600px) and (min-width: 787px) {
.main_menu {
margin-right: 0;
}
}
Best regards,
Rikard
Hi Rikard,
I tried that too, cleared cache but it does not work. The issue is when the browser is between desktop and tablet sizes.
I will leave that so you can see.
Deanna
Hi,
Please add the following to quick css:
.avia-menu.av_menu_icon_beside{
padding-right:125px!important;
}
.noLightbox.social_bookmarks.icon_count_3{
margin-left:-150px!important;
}
Best regards,
Jordan Shannon
This worked, you rock, thanks!
Hi,
No problem at all at I’m glad I was able to help. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon