-
AuthorPosts
-
February 13, 2018 at 12:18 am #911435
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,
DeannaFebruary 13, 2018 at 6:36 am #911550Hey 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,
RikardFebruary 13, 2018 at 6:45 am #911554Hi 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
February 13, 2018 at 10:12 am #911582Hi,
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,
RikardFebruary 13, 2018 at 5:18 pm #911788Hi 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
February 13, 2018 at 5:32 pm #911802Hi,
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 ShannonFebruary 14, 2018 at 12:16 am #911988This worked, you rock, thanks!
February 14, 2018 at 12:29 am #911992Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.
